#C2B9D9 - #FFE8D3 | 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 #C2B9D9 to #FFE8D3

#C2B9D9 #FFE8D3

Calculate the color between two colors, #C2B9D9 and #FFE8D3. 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)

#C2B9D9 - #FFE8D3 | 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 #C2B9D9 as 0% and #FFE8D3 as 100%.

0.0%	0.0% #C2B9D9	RGB 194 185 217	#C2B9D9
16.7%	16.7% #CCC0D8	RGB 204 192 216	#CCC0D8
33.3%	33.3% #D6C8D7	RGB 214 200 215	#D6C8D7
50.0%	50.0% #E0D0D6	RGB 224 208 214	#E0D0D6
66.7%	66.7% #EAD8D5	RGB 234 216 213	#EAD8D5
83.3%	83.3% #F4E0D4	RGB 244 224 212	#F4E0D4
100.0%	100.0% #FFE8D3	RGB 255 232 211	#FFE8D3

#C2B9D9 #CCC0D8 #D6C8D7 #E0D0D6 #EAD8D5 #F4E0D4 #FFE8D3

#C2B9D9 - #FFE8D3

HSV Blend

#C2B9D9 - #FFE8D3 | 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 #C2B9D9 as 0% and #FFE8D3 as 100%.

0.0%	0.0% #C2B9D9	RGB 194 185 217	#C2B9D9
16.7%	16.7% #D3BDDF	RGB 211 189 223	#D3BDDF
33.3%	33.3% #E5C1E5	RGB 229 193 229	#E5C1E5
50.0%	50.0% #ECC6DD	RGB 236 198 221	#ECC6DD
66.7%	66.7% #F2CAD4	RGB 242 202 212	#F2CAD4
83.3%	83.3% #F8D3CE	RGB 248 211 206	#F8D3CE
100.0%	100.0% #FFE8D3	RGB 255 232 211	#FFE8D3

#C2B9D9 #D3BDDF #E5C1E5 #ECC6DD #F2CAD4 #F8D3CE #FFE8D3

#C2B9D9 - #ECC6DD - #FFE8D3

CSS codes

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

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