#E2D8DE - #CF8AAB | 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 #E2D8DE to #CF8AAB

#E2D8DE #CF8AAB

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

#E2D8DE - #CF8AAB | 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 #E2D8DE as 0% and #CF8AAB as 100%.

0.0%	0.0% #E2D8DE	RGB 226 216 222	#E2D8DE
16.7%	16.7% #DECBD5	RGB 222 203 213	#DECBD5
33.3%	33.3% #DBBECD	RGB 219 190 205	#DBBECD
50.0%	50.0% #D8B1C4	RGB 216 177 196	#D8B1C4
66.7%	66.7% #D5A4BC	RGB 213 164 188	#D5A4BC
83.3%	83.3% #D297B3	RGB 210 151 179	#D297B3
100.0%	100.0% #CF8AAB	RGB 207 138 171	#CF8AAB

#E2D8DE #DECBD5 #DBBECD #D8B1C4 #D5A4BC #D297B3 #CF8AAB

#E2D8DE - #CF8AAB

HSV Blend

#E2D8DE - #CF8AAB | 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 #E2D8DE as 0% and #CF8AAB as 100%.

0.0%	0.0% #E2D8DE	RGB 226 216 222	#E2D8DE
16.7%	16.7% #DECAD6	RGB 222 202 214	#DECAD6
33.3%	33.3% #DBBCCE	RGB 219 188 206	#DBBCCE
50.0%	50.0% #D8AFC5	RGB 216 175 197	#D8AFC5
66.7%	66.7% #D5A2BD	RGB 213 162 189	#D5A2BD
83.3%	83.3% #D296B4	RGB 210 150 180	#D296B4
100.0%	100.0% #CF8AAB	RGB 207 138 171	#CF8AAB

#E2D8DE #DECAD6 #DBBCCE #D8AFC5 #D5A2BD #D296B4 #CF8AAB

#E2D8DE - #D8AFC5 - #CF8AAB

CSS codes

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

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