#ECDF90 - #D0AF3C | 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 #ECDF90 to #D0AF3C

#ECDF90 #D0AF3C

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

#ECDF90 - #D0AF3C | 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 #ECDF90 as 0% and #D0AF3C as 100%.

0.0%	0.0% #ECDF90	RGB 236 223 144	#ECDF90
16.7%	16.7% #E7D782	RGB 231 215 130	#E7D782
33.3%	33.3% #E2CF74	RGB 226 207 116	#E2CF74
50.0%	50.0% #DEC766	RGB 222 199 102	#DEC766
66.7%	66.7% #D9BF58	RGB 217 191 88	#D9BF58
83.3%	83.3% #D4B74A	RGB 212 183 74	#D4B74A
100.0%	100.0% #D0AF3C	RGB 208 175 60	#D0AF3C

#ECDF90 #E7D782 #E2CF74 #DEC766 #D9BF58 #D4B74A #D0AF3C

#ECDF90 - #D0AF3C

HSV Blend

#ECDF90 - #D0AF3C | 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 #ECDF90 as 0% and #D0AF3C as 100%.

0.0%	0.0% #ECDF90	RGB 236 223 144	#ECDF90
16.7%	16.7% #E7D780	RGB 231 215 128	#E7D780
33.3%	33.3% #E2CF71	RGB 226 207 113	#E2CF71
50.0%	50.0% #DEC763	RGB 222 199 99	#DEC763
66.7%	66.7% #D9BF55	RGB 217 191 85	#D9BF55
83.3%	83.3% #D4B748	RGB 212 183 72	#D4B748
100.0%	100.0% #D0AF3C	RGB 208 175 60	#D0AF3C

#ECDF90 #E7D780 #E2CF71 #DEC763 #D9BF55 #D4B748 #D0AF3C

#ECDF90 - #DEC763 - #D0AF3C

CSS codes

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

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