#CD9BA1 - #F0E2E4 | 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 #CD9BA1 to #F0E2E4

#CD9BA1 #F0E2E4

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

#CD9BA1 - #F0E2E4 | 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 #CD9BA1 as 0% and #F0E2E4 as 100%.

0.0%	0.0% #CD9BA1	RGB 205 155 161	#CD9BA1
16.7%	16.7% #D2A6AC	RGB 210 166 172	#D2A6AC
33.3%	33.3% #D8B2B7	RGB 216 178 183	#D8B2B7
50.0%	50.0% #DEBEC2	RGB 222 190 194	#DEBEC2
66.7%	66.7% #E4CACD	RGB 228 202 205	#E4CACD
83.3%	83.3% #EAD6D8	RGB 234 214 216	#EAD6D8
100.0%	100.0% #F0E2E4	RGB 240 226 228	#F0E2E4

#CD9BA1 #D2A6AC #D8B2B7 #DEBEC2 #E4CACD #EAD6D8 #F0E2E4

#CD9BA1 - #F0E2E4

HSV Blend

#CD9BA1 - #F0E2E4 | 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 #CD9BA1 as 0% and #F0E2E4 as 100%.

0.0%	0.0% #CD9BA1	RGB 205 155 161	#CD9BA1
16.7%	16.7% #D2A5AB	RGB 210 165 171	#D2A5AB
33.3%	33.3% #D8B1B6	RGB 216 177 182	#D8B1B6
50.0%	50.0% #DEBCC1	RGB 222 188 193	#DEBCC1
66.7%	66.7% #E4C8CC	RGB 228 200 204	#E4C8CC
83.3%	83.3% #EAD5D8	RGB 234 213 216	#EAD5D8
100.0%	100.0% #F0E2E4	RGB 240 226 228	#F0E2E4

#CD9BA1 #D2A5AB #D8B1B6 #DEBCC1 #E4C8CC #EAD5D8 #F0E2E4

#CD9BA1 - #DEBCC1 - #F0E2E4

CSS codes

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

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