#C6BBC5 - #FFD6E2 | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #C6BBC5 to #FFD6E2

#C6BBC5 #FFD6E2

Calculate the color between two colors, #C6BBC5 and #FFD6E2. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#C6BBC5 - #FFD6E2 | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #C6BBC5 as 0% and #FFD6E2 as 100%.

0.0%	0.0% #C6BBC5	RGB 198 187 197	#C6BBC5
16.7%	16.7% #CFBFC9	RGB 207 191 201	#CFBFC9
33.3%	33.3% #D9C4CE	RGB 217 196 206	#D9C4CE
50.0%	50.0% #E2C8D3	RGB 226 200 211	#E2C8D3
66.7%	66.7% #ECCDD8	RGB 236 205 216	#ECCDD8
83.3%	83.3% #F5D1DD	RGB 245 209 221	#F5D1DD
100.0%	100.0% #FFD6E2	RGB 255 214 226	#FFD6E2

#C6BBC5 #CFBFC9 #D9C4CE #E2C8D3 #ECCDD8 #F5D1DD #FFD6E2

#C6BBC5 - #FFD6E2

HSV Blend

#C6BBC5 - #FFD6E2 | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #C6BBC5 as 0% and #FFD6E2 as 100%.

0.0%	0.0% #C6BBC5	RGB 198 187 197	#C6BBC5
16.7%	16.7% #CFC0CC	RGB 207 192 204	#CFC0CC
33.3%	33.3% #D9C5D3	RGB 217 197 211	#D9C5D3
50.0%	50.0% #E2C9D8	RGB 226 201 216	#E2C9D8
66.7%	66.7% #ECCEDD	RGB 236 206 221	#ECCEDD
83.3%	83.3% #F5D2E0	RGB 245 210 224	#F5D2E0
100.0%	100.0% #FFD6E2	RGB 255 214 226	#FFD6E2

#C6BBC5 #CFC0CC #D9C5D3 #E2C9D8 #ECCEDD #F5D2E0 #FFD6E2

#C6BBC5 - #E2C9D8 - #FFD6E2

CSS codes

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #C6BBC5 0%, #FFD6E2 100%);
    background: -webkit-linear-gradient(top, #C6BBC5 0%, #FFD6E2 100%);
    background: linear-gradient(to bottom, #C6BBC5 0%, #FFD6E2 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C6BBC5 0%, #E2C9D8 50%, #FFD6E2 100%);
    background: -webkit-linear-gradient(top, #C6BBC5 0%, #E2C9D8 50%, #FFD6E2 100%);
    background: linear-gradient(to bottom, #C6BBC5 0%, #E2C9D8 50%, #FFD6E2 100%);
}
</style>