#E7E2DC - #CAA98F | 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 #E7E2DC to #CAA98F

#E7E2DC #CAA98F

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

#E7E2DC - #CAA98F | 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 #E7E2DC as 0% and #CAA98F as 100%.

0.0%	0.0% #E7E2DC	RGB 231 226 220	#E7E2DC
16.7%	16.7% #E2D8CF	RGB 226 216 207	#E2D8CF
33.3%	33.3% #DDCFC2	RGB 221 207 194	#DDCFC2
50.0%	50.0% #D8C5B5	RGB 216 197 181	#D8C5B5
66.7%	66.7% #D3BCA8	RGB 211 188 168	#D3BCA8
83.3%	83.3% #CEB29B	RGB 206 178 155	#CEB29B
100.0%	100.0% #CAA98F	RGB 202 169 143	#CAA98F

#E7E2DC #E2D8CF #DDCFC2 #D8C5B5 #D3BCA8 #CEB29B #CAA98F

#E7E2DC - #CAA98F

HSV Blend

#E7E2DC - #CAA98F | 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 #E7E2DC as 0% and #CAA98F as 100%.

0.0%	0.0% #E7E2DC	RGB 231 226 220	#E7E2DC
16.7%	16.7% #E2D8CE	RGB 226 216 206	#E2D8CE
33.3%	33.3% #DDCFC0	RGB 221 207 192	#DDCFC0
50.0%	50.0% #D8C5B3	RGB 216 197 179	#D8C5B3
66.7%	66.7% #D3BCA7	RGB 211 188 167	#D3BCA7
83.3%	83.3% #CEB29A	RGB 206 178 154	#CEB29A
100.0%	100.0% #CAA98F	RGB 202 169 143	#CAA98F

#E7E2DC #E2D8CE #DDCFC0 #D8C5B3 #D3BCA7 #CEB29A #CAA98F

#E7E2DC - #D8C5B3 - #CAA98F

CSS codes

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

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