#E2D1D1 - #CF8881 | 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 #E2D1D1 to #CF8881

#E2D1D1 #CF8881

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

#E2D1D1 - #CF8881 | 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 #E2D1D1 as 0% and #CF8881 as 100%.

0.0%	0.0% #E2D1D1	RGB 226 209 209	#E2D1D1
16.7%	16.7% #DEC4C3	RGB 222 196 195	#DEC4C3
33.3%	33.3% #DBB8B6	RGB 219 184 182	#DBB8B6
50.0%	50.0% #D8ACA9	RGB 216 172 169	#D8ACA9
66.7%	66.7% #D5A09B	RGB 213 160 155	#D5A09B
83.3%	83.3% #D2948E	RGB 210 148 142	#D2948E
100.0%	100.0% #CF8881	RGB 207 136 129	#CF8881

#E2D1D1 #DEC4C3 #DBB8B6 #D8ACA9 #D5A09B #D2948E #CF8881

#E2D1D1 - #CF8881

HSV Blend

#E2D1D1 - #CF8881 | 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 #E2D1D1 as 0% and #CF8881 as 100%.

0.0%	0.0% #E2D1D1	RGB 226 209 209	#E2D1D1
16.7%	16.7% #DEC3C2	RGB 222 195 194	#DEC3C2
33.3%	33.3% #DBB6B5	RGB 219 182 181	#DBB6B5
50.0%	50.0% #D8A9A7	RGB 216 169 167	#D8A9A7
66.7%	66.7% #D59D9A	RGB 213 157 154	#D59D9A
83.3%	83.3% #D2928D	RGB 210 146 141	#D2928D
100.0%	100.0% #CF8881	RGB 207 136 129	#CF8881

#E2D1D1 #DEC3C2 #DBB6B5 #D8A9A7 #D59D9A #D2928D #CF8881

#E2D1D1 - #D8A9A7 - #CF8881

CSS codes

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

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