#CDA2AB - #F0E4E6 | 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 #CDA2AB to #F0E4E6

#CDA2AB #F0E4E6

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

#CDA2AB - #F0E4E6 | 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 #CDA2AB as 0% and #F0E4E6 as 100%.

0.0%	0.0% #CDA2AB	RGB 205 162 171	#CDA2AB
16.7%	16.7% #D2ADB4	RGB 210 173 180	#D2ADB4
33.3%	33.3% #D8B8BE	RGB 216 184 190	#D8B8BE
50.0%	50.0% #DEC3C8	RGB 222 195 200	#DEC3C8
66.7%	66.7% #E4CED2	RGB 228 206 210	#E4CED2
83.3%	83.3% #EAD9DC	RGB 234 217 220	#EAD9DC
100.0%	100.0% #F0E4E6	RGB 240 228 230	#F0E4E6

#CDA2AB #D2ADB4 #D8B8BE #DEC3C8 #E4CED2 #EAD9DC #F0E4E6

#CDA2AB - #F0E4E6

HSV Blend

#CDA2AB - #F0E4E6 | 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 #CDA2AB as 0% and #F0E4E6 as 100%.

0.0%	0.0% #CDA2AB	RGB 205 162 171	#CDA2AB
16.7%	16.7% #D2ACB4	RGB 210 172 180	#D2ACB4
33.3%	33.3% #D8B6BD	RGB 216 182 189	#D8B6BD
50.0%	50.0% #DEC1C7	RGB 222 193 199	#DEC1C7
66.7%	66.7% #E4CCD1	RGB 228 204 209	#E4CCD1
83.3%	83.3% #EAD8DB	RGB 234 216 219	#EAD8DB
100.0%	100.0% #F0E4E6	RGB 240 228 230	#F0E4E6

#CDA2AB #D2ACB4 #D8B6BD #DEC1C7 #E4CCD1 #EAD8DB #F0E4E6

#CDA2AB - #DEC1C7 - #F0E4E6

CSS codes

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

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