#E6D4A2 - #C99D4C | 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 #E6D4A2 to #C99D4C

#E6D4A2 #C99D4C

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

#E6D4A2 - #C99D4C | 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 #E6D4A2 as 0% and #C99D4C as 100%.

0.0%	0.0% #E6D4A2	RGB 230 212 162	#E6D4A2
16.7%	16.7% #E1CA93	RGB 225 202 147	#E1CA93
33.3%	33.3% #DCC185	RGB 220 193 133	#DCC185
50.0%	50.0% #D7B877	RGB 215 184 119	#D7B877
66.7%	66.7% #D2AF68	RGB 210 175 104	#D2AF68
83.3%	83.3% #CDA65A	RGB 205 166 90	#CDA65A
100.0%	100.0% #C99D4C	RGB 201 157 76	#C99D4C

#E6D4A2 #E1CA93 #DCC185 #D7B877 #D2AF68 #CDA65A #C99D4C

#E6D4A2 - #C99D4C

HSV Blend

#E6D4A2 - #C99D4C | 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 #E6D4A2 as 0% and #C99D4C as 100%.

0.0%	0.0% #E6D4A2	RGB 230 212 162	#E6D4A2
16.7%	16.7% #E1CB92	RGB 225 203 146	#E1CB92
33.3%	33.3% #DCC283	RGB 220 194 131	#DCC283
50.0%	50.0% #D7B974	RGB 215 185 116	#D7B974
66.7%	66.7% #D2AF66	RGB 210 175 102	#D2AF66
83.3%	83.3% #CDA659	RGB 205 166 89	#CDA659
100.0%	100.0% #C99D4C	RGB 201 157 76	#C99D4C

#E6D4A2 #E1CB92 #DCC283 #D7B974 #D2AF66 #CDA659 #C99D4C

#E6D4A2 - #D7B974 - #C99D4C

CSS codes

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

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