#E2DEDE - #CF9A93 | 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 #E2DEDE to #CF9A93

#E2DEDE #CF9A93

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

#E2DEDE - #CF9A93 | 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 #E2DEDE as 0% and #CF9A93 as 100%.

0.0%	0.0% #E2DEDE	RGB 226 222 222	#E2DEDE
16.7%	16.7% #DED2D1	RGB 222 210 209	#DED2D1
33.3%	33.3% #DBC7C5	RGB 219 199 197	#DBC7C5
50.0%	50.0% #D8BCB8	RGB 216 188 184	#D8BCB8
66.7%	66.7% #D5B0AC	RGB 213 176 172	#D5B0AC
83.3%	83.3% #D2A59F	RGB 210 165 159	#D2A59F
100.0%	100.0% #CF9A93	RGB 207 154 147	#CF9A93

#E2DEDE #DED2D1 #DBC7C5 #D8BCB8 #D5B0AC #D2A59F #CF9A93

#E2DEDE - #CF9A93

HSV Blend

#E2DEDE - #CF9A93 | 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 #E2DEDE as 0% and #CF9A93 as 100%.

0.0%	0.0% #E2DEDE	RGB 226 222 222	#E2DEDE
16.7%	16.7% #DED1D0	RGB 222 209 208	#DED1D0
33.3%	33.3% #DBC4C3	RGB 219 196 195	#DBC4C3
50.0%	50.0% #D8B9B7	RGB 216 185 183	#D8B9B7
66.7%	66.7% #D5AEAA	RGB 213 174 170	#D5AEAA
83.3%	83.3% #D2A39E	RGB 210 163 158	#D2A39E
100.0%	100.0% #CF9A93	RGB 207 154 147	#CF9A93

#E2DEDE #DED1D0 #DBC4C3 #D8B9B7 #D5AEAA #D2A39E #CF9A93

#E2DEDE - #D8B9B7 - #CF9A93

CSS codes

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

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