#ECE5A1 - #CFB94B | 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 #ECE5A1 to #CFB94B

#ECE5A1 #CFB94B

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

#ECE5A1 - #CFB94B | 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 #ECE5A1 as 0% and #CFB94B as 100%.

0.0%	0.0% #ECE5A1	RGB 236 229 161	#ECE5A1
16.7%	16.7% #E7DD92	RGB 231 221 146	#E7DD92
33.3%	33.3% #E2D684	RGB 226 214 132	#E2D684
50.0%	50.0% #DDCF76	RGB 221 207 118	#DDCF76
66.7%	66.7% #D8C767	RGB 216 199 103	#D8C767
83.3%	83.3% #D3C059	RGB 211 192 89	#D3C059
100.0%	100.0% #CFB94B	RGB 207 185 75	#CFB94B

#ECE5A1 #E7DD92 #E2D684 #DDCF76 #D8C767 #D3C059 #CFB94B

#ECE5A1 - #CFB94B

HSV Blend

#ECE5A1 - #CFB94B | 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 #ECE5A1 as 0% and #CFB94B as 100%.

0.0%	0.0% #ECE5A1	RGB 236 229 161	#ECE5A1
16.7%	16.7% #E7DE91	RGB 231 222 145	#E7DE91
33.3%	33.3% #E2D782	RGB 226 215 130	#E2D782
50.0%	50.0% #DDCF73	RGB 221 207 115	#DDCF73
66.7%	66.7% #D8C865	RGB 216 200 101	#D8C865
83.3%	83.3% #D3C058	RGB 211 192 88	#D3C058
100.0%	100.0% #CFB94B	RGB 207 185 75	#CFB94B

#ECE5A1 #E7DE91 #E2D782 #DDCF73 #D8C865 #D3C058 #CFB94B

#ECE5A1 - #DDCF73 - #CFB94B

CSS codes

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

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