#E6E7E5 - #CAC99C | 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 #E6E7E5 to #CAC99C

#E6E7E5 #CAC99C

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

#E6E7E5 - #CAC99C | 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 #E6E7E5 as 0% and #CAC99C as 100%.

0.0%	0.0% #E6E7E5	RGB 230 231 229	#E6E7E5
16.7%	16.7% #E1E2D8	RGB 225 226 216	#E1E2D8
33.3%	33.3% #DCDDCC	RGB 220 221 204	#DCDDCC
50.0%	50.0% #D8D8C0	RGB 216 216 192	#D8D8C0
66.7%	66.7% #D3D3B4	RGB 211 211 180	#D3D3B4
83.3%	83.3% #CECEA8	RGB 206 206 168	#CECEA8
100.0%	100.0% #CAC99C	RGB 202 201 156	#CAC99C

#E6E7E5 #E1E2D8 #DCDDCC #D8D8C0 #D3D3B4 #CECEA8 #CAC99C

#E6E7E5 - #CAC99C

HSV Blend

#E6E7E5 - #CAC99C | 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 #E6E7E5 as 0% and #CAC99C as 100%.

0.0%	0.0% #E6E7E5	RGB 230 231 229	#E6E7E5
16.7%	16.7% #DDE2D7	RGB 221 226 215	#DDE2D7
33.3%	33.3% #D7DDCB	RGB 215 221 203	#D7DDCB
50.0%	50.0% #D2D8BE	RGB 210 216 190	#D2D8BE
66.7%	66.7% #CED3B2	RGB 206 211 178	#CED3B2
83.3%	83.3% #CCCEA7	RGB 204 206 167	#CCCEA7
100.0%	100.0% #CAC99C	RGB 202 201 156	#CAC99C

#E6E7E5 #DDE2D7 #D7DDCB #D2D8BE #CED3B2 #CCCEA7 #CAC99C

#E6E7E5 - #D2D8BE - #CAC99C

CSS codes

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

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