#E2DCDF - #CF90AE | 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 #E2DCDF to #CF90AE

#E2DCDF #CF90AE

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

#E2DCDF - #CF90AE | 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 #E2DCDF as 0% and #CF90AE as 100%.

0.0%	0.0% #E2DCDF	RGB 226 220 223	#E2DCDF
16.7%	16.7% #DECFD6	RGB 222 207 214	#DECFD6
33.3%	33.3% #DBC2CE	RGB 219 194 206	#DBC2CE
50.0%	50.0% #D8B6C6	RGB 216 182 198	#D8B6C6
66.7%	66.7% #D5A9BE	RGB 213 169 190	#D5A9BE
83.3%	83.3% #D29CB6	RGB 210 156 182	#D29CB6
100.0%	100.0% #CF90AE	RGB 207 144 174	#CF90AE

#E2DCDF #DECFD6 #DBC2CE #D8B6C6 #D5A9BE #D29CB6 #CF90AE

#E2DCDF - #CF90AE

HSV Blend

#E2DCDF - #CF90AE | 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 #E2DCDF as 0% and #CF90AE as 100%.

0.0%	0.0% #E2DCDF	RGB 226 220 223	#E2DCDF
16.7%	16.7% #DECED6	RGB 222 206 214	#DECED6
33.3%	33.3% #DBC1CE	RGB 219 193 206	#DBC1CE
50.0%	50.0% #D8B4C6	RGB 216 180 198	#D8B4C6
66.7%	66.7% #D5A8BE	RGB 213 168 190	#D5A8BE
83.3%	83.3% #D29BB5	RGB 210 155 181	#D29BB5
100.0%	100.0% #CF90AE	RGB 207 144 174	#CF90AE

#E2DCDF #DECED6 #DBC1CE #D8B4C6 #D5A8BE #D29BB5 #CF90AE

#E2DCDF - #D8B4C6 - #CF90AE

CSS codes

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

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