#C6BFD2 - #FFE9CC | 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 #C6BFD2 to #FFE9CC

#C6BFD2 #FFE9CC

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

#C6BFD2 - #FFE9CC | 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 #C6BFD2 as 0% and #FFE9CC as 100%.

0.0%	0.0% #C6BFD2	RGB 198 191 210	#C6BFD2
16.7%	16.7% #CFC6D1	RGB 207 198 209	#CFC6D1
33.3%	33.3% #D9CDD0	RGB 217 205 208	#D9CDD0
50.0%	50.0% #E2D4CF	RGB 226 212 207	#E2D4CF
66.7%	66.7% #ECDBCE	RGB 236 219 206	#ECDBCE
83.3%	83.3% #F5E2CD	RGB 245 226 205	#F5E2CD
100.0%	100.0% #FFE9CC	RGB 255 233 204	#FFE9CC

#C6BFD2 #CFC6D1 #D9CDD0 #E2D4CF #ECDBCE #F5E2CD #FFE9CC

#C6BFD2 - #FFE9CC

HSV Blend

#C6BFD2 - #FFE9CC | 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 #C6BFD2 as 0% and #FFE9CC as 100%.

0.0%	0.0% #C6BFD2	RGB 198 191 210	#C6BFD2
16.7%	16.7% #D3C1D9	RGB 211 193 217	#D3C1D9
33.3%	33.3% #E1C4DE	RGB 225 196 222	#E1C4DE
50.0%	50.0% #E8C6D8	RGB 232 198 216	#E8C6D8
66.7%	66.7% #F0C8CF	RGB 240 200 207	#F0C8CF
83.3%	83.3% #F7D3CA	RGB 247 211 202	#F7D3CA
100.0%	100.0% #FFE9CC	RGB 255 233 204	#FFE9CC

#C6BFD2 #D3C1D9 #E1C4DE #E8C6D8 #F0C8CF #F7D3CA #FFE9CC

#C6BFD2 - #E8C6D8 - #FFE9CC

CSS codes

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

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