#E7DFD4 - #CAA684 | 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 #E7DFD4 to #CAA684

#E7DFD4 #CAA684

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

#E7DFD4 - #CAA684 | 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 #E7DFD4 as 0% and #CAA684 as 100%.

0.0%	0.0% #E7DFD4	RGB 231 223 212	#E7DFD4
16.7%	16.7% #E2D5C6	RGB 226 213 198	#E2D5C6
33.3%	33.3% #DDCCB9	RGB 221 204 185	#DDCCB9
50.0%	50.0% #D8C2AC	RGB 216 194 172	#D8C2AC
66.7%	66.7% #D3B99E	RGB 211 185 158	#D3B99E
83.3%	83.3% #CEAF91	RGB 206 175 145	#CEAF91
100.0%	100.0% #CAA684	RGB 202 166 132	#CAA684

#E7DFD4 #E2D5C6 #DDCCB9 #D8C2AC #D3B99E #CEAF91 #CAA684

#E7DFD4 - #CAA684

HSV Blend

#E7DFD4 - #CAA684 | 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 #E7DFD4 as 0% and #CAA684 as 100%.

0.0%	0.0% #E7DFD4	RGB 231 223 212	#E7DFD4
16.7%	16.7% #E2D5C5	RGB 226 213 197	#E2D5C5
33.3%	33.3% #DDCCB7	RGB 221 204 183	#DDCCB7
50.0%	50.0% #D8C2AA	RGB 216 194 170	#D8C2AA
66.7%	66.7% #D3B99C	RGB 211 185 156	#D3B99C
83.3%	83.3% #CEAF90	RGB 206 175 144	#CEAF90
100.0%	100.0% #CAA684	RGB 202 166 132	#CAA684

#E7DFD4 #E2D5C5 #DDCCB7 #D8C2AA #D3B99C #CEAF90 #CAA684

#E7DFD4 - #D8C2AA - #CAA684

CSS codes

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

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