#CFB5C2 - #FFD2D2 | 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 #CFB5C2 to #FFD2D2

#CFB5C2 #FFD2D2

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

#CFB5C2 - #FFD2D2 | 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 #CFB5C2 as 0% and #FFD2D2 as 100%.

0.0%	0.0% #CFB5C2	RGB 207 181 194	#CFB5C2
16.7%	16.7% #D7B9C4	RGB 215 185 196	#D7B9C4
33.3%	33.3% #DFBEC7	RGB 223 190 199	#DFBEC7
50.0%	50.0% #E7C3CA	RGB 231 195 202	#E7C3CA
66.7%	66.7% #EFC8CC	RGB 239 200 204	#EFC8CC
83.3%	83.3% #F7CDCF	RGB 247 205 207	#F7CDCF
100.0%	100.0% #FFD2D2	RGB 255 210 210	#FFD2D2

#CFB5C2 #D7B9C4 #DFBEC7 #E7C3CA #EFC8CC #F7CDCF #FFD2D2

#CFB5C2 - #FFD2D2

HSV Blend

#CFB5C2 - #FFD2D2 | 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 #CFB5C2 as 0% and #FFD2D2 as 100%.

0.0%	0.0% #CFB5C2	RGB 207 181 194	#CFB5C2
16.7%	16.7% #D7BAC6	RGB 215 186 198	#D7BAC6
33.3%	33.3% #DFBFC9	RGB 223 191 201	#DFBFC9
50.0%	50.0% #E7C4CC	RGB 231 196 204	#E7C4CC
66.7%	66.7% #EFC8CF	RGB 239 200 207	#EFC8CF
83.3%	83.3% #F7CDD0	RGB 247 205 208	#F7CDD0
100.0%	100.0% #FFD2D2	RGB 255 210 210	#FFD2D2

#CFB5C2 #D7BAC6 #DFBFC9 #E7C4CC #EFC8CF #F7CDD0 #FFD2D2

#CFB5C2 - #E7C4CC - #FFD2D2

CSS codes

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

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