#ECD8B2 - #DAB05C | 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 #ECD8B2 to #DAB05C

#ECD8B2 #DAB05C

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

#ECD8B2 - #DAB05C | 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 #ECD8B2 as 0% and #DAB05C as 100%.

0.0%	0.0% #ECD8B2	RGB 236 216 178	#ECD8B2
16.7%	16.7% #E9D1A3	RGB 233 209 163	#E9D1A3
33.3%	33.3% #E6CA95	RGB 230 202 149	#E6CA95
50.0%	50.0% #E3C487	RGB 227 196 135	#E3C487
66.7%	66.7% #E0BD78	RGB 224 189 120	#E0BD78
83.3%	83.3% #DDB66A	RGB 221 182 106	#DDB66A
100.0%	100.0% #DAB05C	RGB 218 176 92	#DAB05C

#ECD8B2 #E9D1A3 #E6CA95 #E3C487 #E0BD78 #DDB66A #DAB05C

#ECD8B2 - #DAB05C

HSV Blend

#ECD8B2 - #DAB05C | 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 #ECD8B2 as 0% and #DAB05C as 100%.

0.0%	0.0% #ECD8B2	RGB 236 216 178	#ECD8B2
16.7%	16.7% #E9D0A2	RGB 233 208 162	#E9D0A2
33.3%	33.3% #E6CA94	RGB 230 202 148	#E6CA94
50.0%	50.0% #E3C385	RGB 227 195 133	#E3C385
66.7%	66.7% #E0BC77	RGB 224 188 119	#E0BC77
83.3%	83.3% #DDB669	RGB 221 182 105	#DDB669
100.0%	100.0% #DAB05C	RGB 218 176 92	#DAB05C

#ECD8B2 #E9D0A2 #E6CA94 #E3C385 #E0BC77 #DDB669 #DAB05C

#ECD8B2 - #E3C385 - #DAB05C

CSS codes

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

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