#CFB5C2 - #FFECD6 | 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 #FFECD6

#CFB5C2 #FFECD6

Calculate the color between two colors, #CFB5C2 and #FFECD6. 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 - #FFECD6 | 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 #FFECD6 as 100%.

0.0%	0.0% #CFB5C2	RGB 207 181 194	#CFB5C2
16.7%	16.7% #D7BEC5	RGB 215 190 197	#D7BEC5
33.3%	33.3% #DFC7C8	RGB 223 199 200	#DFC7C8
50.0%	50.0% #E7D0CC	RGB 231 208 204	#E7D0CC
66.7%	66.7% #EFD9CF	RGB 239 217 207	#EFD9CF
83.3%	83.3% #F7E2D2	RGB 247 226 210	#F7E2D2
100.0%	100.0% #FFECD6	RGB 255 236 214	#FFECD6

#CFB5C2 #D7BEC5 #DFC7C8 #E7D0CC #EFD9CF #F7E2D2 #FFECD6

#CFB5C2 - #FFECD6

HSV Blend

#CFB5C2 - #FFECD6 | 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 #FFECD6 as 100%.

0.0%	0.0% #CFB5C2	RGB 207 181 194	#CFB5C2
16.7%	16.7% #D7BAC3	RGB 215 186 195	#D7BAC3
33.3%	33.3% #DFC0C5	RGB 223 192 197	#DFC0C5
50.0%	50.0% #E7C6C5	RGB 231 198 197	#E7C6C5
66.7%	66.7% #EFD2CB	RGB 239 210 203	#EFD2CB
83.3%	83.3% #F7DED0	RGB 247 222 208	#F7DED0
100.0%	100.0% #FFECD6	RGB 255 236 214	#FFECD6

#CFB5C2 #D7BAC3 #DFC0C5 #E7C6C5 #EFD2CB #F7DED0 #FFECD6

#CFB5C2 - #E7C6C5 - #FFECD6

CSS codes

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

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