#ECDC9C - #D0AA46 | 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 #ECDC9C to #D0AA46

#ECDC9C #D0AA46

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

#ECDC9C - #D0AA46 | 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 #ECDC9C as 0% and #D0AA46 as 100%.

0.0%	0.0% #ECDC9C	RGB 236 220 156	#ECDC9C
16.7%	16.7% #E7D38D	RGB 231 211 141	#E7D38D
33.3%	33.3% #E2CB7F	RGB 226 203 127	#E2CB7F
50.0%	50.0% #DEC371	RGB 222 195 113	#DEC371
66.7%	66.7% #D9BA62	RGB 217 186 98	#D9BA62
83.3%	83.3% #D4B254	RGB 212 178 84	#D4B254
100.0%	100.0% #D0AA46	RGB 208 170 70	#D0AA46

#ECDC9C #E7D38D #E2CB7F #DEC371 #D9BA62 #D4B254 #D0AA46

#ECDC9C - #D0AA46

HSV Blend

#ECDC9C - #D0AA46 | 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 #ECDC9C as 0% and #D0AA46 as 100%.

0.0%	0.0% #ECDC9C	RGB 236 220 156	#ECDC9C
16.7%	16.7% #E7D48C	RGB 231 212 140	#E7D48C
33.3%	33.3% #E2CB7D	RGB 226 203 125	#E2CB7D
50.0%	50.0% #DEC36E	RGB 222 195 110	#DEC36E
66.7%	66.7% #D9BB60	RGB 217 187 96	#D9BB60
83.3%	83.3% #D4B253	RGB 212 178 83	#D4B253
100.0%	100.0% #D0AA46	RGB 208 170 70	#D0AA46

#ECDC9C #E7D48C #E2CB7D #DEC36E #D9BB60 #D4B253 #D0AA46

#ECDC9C - #DEC36E - #D0AA46

CSS codes

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

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