#C49336 - #EEDFC5 | 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 #C49336 to #EEDFC5

#C49336 #EEDFC5

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

#C49336 - #EEDFC5 | 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 #C49336 as 0% and #EEDFC5 as 100%.

0.0%	0.0% #C49336	RGB 196 147 54	#C49336
16.7%	16.7% #CB9F4D	RGB 203 159 77	#CB9F4D
33.3%	33.3% #D2AC65	RGB 210 172 101	#D2AC65
50.0%	50.0% #D9B97D	RGB 217 185 125	#D9B97D
66.7%	66.7% #E0C595	RGB 224 197 149	#E0C595
83.3%	83.3% #E7D2AD	RGB 231 210 173	#E7D2AD
100.0%	100.0% #EEDFC5	RGB 238 223 197	#EEDFC5

#C49336 #CB9F4D #D2AC65 #D9B97D #E0C595 #E7D2AD #EEDFC5

#C49336 - #EEDFC5

HSV Blend

#C49336 - #EEDFC5 | 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 #C49336 as 0% and #EEDFC5 as 100%.

0.0%	0.0% #C49336	RGB 196 147 54	#C49336
16.7%	16.7% #CB9E4A	RGB 203 158 74	#CB9E4A
33.3%	33.3% #D2AA60	RGB 210 170 96	#D2AA60
50.0%	50.0% #D9B677	RGB 217 182 119	#D9B677
66.7%	66.7% #E0C390	RGB 224 195 144	#E0C390
83.3%	83.3% #E7D0A9	RGB 231 208 169	#E7D0A9
100.0%	100.0% #EEDFC5	RGB 238 223 197	#EEDFC5

#C49336 #CB9E4A #D2AA60 #D9B677 #E0C390 #E7D0A9 #EEDFC5

#C49336 - #D9B677 - #EEDFC5

CSS codes

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

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