#CCC2D3 - #FFE9CB | 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 #CCC2D3 to #FFE9CB

#CCC2D3 #FFE9CB

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

#CCC2D3 - #FFE9CB | 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 #CCC2D3 as 0% and #FFE9CB as 100%.

0.0%	0.0% #CCC2D3	RGB 204 194 211	#CCC2D3
16.7%	16.7% #D4C8D1	RGB 212 200 209	#D4C8D1
33.3%	33.3% #DDCFD0	RGB 221 207 208	#DDCFD0
50.0%	50.0% #E5D5CF	RGB 229 213 207	#E5D5CF
66.7%	66.7% #EEDCCD	RGB 238 220 205	#EEDCCD
83.3%	83.3% #F6E2CC	RGB 246 226 204	#F6E2CC
100.0%	100.0% #FFE9CB	RGB 255 233 203	#FFE9CB

#CCC2D3 #D4C8D1 #DDCFD0 #E5D5CF #EEDCCD #F6E2CC #FFE9CB

#CCC2D3 - #FFE9CB

HSV Blend

#CCC2D3 - #FFE9CB | 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 #CCC2D3 as 0% and #FFE9CB as 100%.

0.0%	0.0% #CCC2D3	RGB 204 194 211	#CCC2D3
16.7%	16.7% #D8C4DA	RGB 216 196 218	#D8C4DA
33.3%	33.3% #E1C6DA	RGB 225 198 218	#E1C6DA
50.0%	50.0% #E9C7D5	RGB 233 199 213	#E9C7D5
66.7%	66.7% #F0C9CC	RGB 240 201 204	#F0C9CC
83.3%	83.3% #F7D5CA	RGB 247 213 202	#F7D5CA
100.0%	100.0% #FFE9CB	RGB 255 233 203	#FFE9CB

#CCC2D3 #D8C4DA #E1C6DA #E9C7D5 #F0C9CC #F7D5CA #FFE9CB

#CCC2D3 - #E9C7D5 - #FFE9CB

CSS codes

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

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