#E3CAC7 - #CF8074 | 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 #E3CAC7 to #CF8074

#E3CAC7 #CF8074

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

#E3CAC7 - #CF8074 | 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 #E3CAC7 as 0% and #CF8074 as 100%.

0.0%	0.0% #E3CAC7	RGB 227 202 199	#E3CAC7
16.7%	16.7% #DFBDB9	RGB 223 189 185	#DFBDB9
33.3%	33.3% #DCB1AB	RGB 220 177 171	#DCB1AB
50.0%	50.0% #D9A59D	RGB 217 165 157	#D9A59D
66.7%	66.7% #D5988F	RGB 213 152 143	#D5988F
83.3%	83.3% #D28C81	RGB 210 140 129	#D28C81
100.0%	100.0% #CF8074	RGB 207 128 116	#CF8074

#E3CAC7 #DFBDB9 #DCB1AB #D9A59D #D5988F #D28C81 #CF8074

#E3CAC7 - #CF8074

HSV Blend

#E3CAC7 - #CF8074 | 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 #E3CAC7 as 0% and #CF8074 as 100%.

0.0%	0.0% #E3CAC7	RGB 227 202 199	#E3CAC7
16.7%	16.7% #DFBCB8	RGB 223 188 184	#DFBCB8
33.3%	33.3% #DCAFA9	RGB 220 175 169	#DCAFA9
50.0%	50.0% #D9A39B	RGB 217 163 155	#D9A39B
66.7%	66.7% #D5978E	RGB 213 151 142	#D5978E
83.3%	83.3% #D28B80	RGB 210 139 128	#D28B80
100.0%	100.0% #CF8074	RGB 207 128 116	#CF8074

#E3CAC7 #DFBCB8 #DCAFA9 #D9A39B #D5978E #D28B80 #CF8074

#E3CAC7 - #D9A39B - #CF8074

CSS codes

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

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