#ECDF92 - #D0AF3D | 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 #ECDF92 to #D0AF3D

#ECDF92 #D0AF3D

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

#ECDF92 - #D0AF3D | 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 #ECDF92 as 0% and #D0AF3D as 100%.

0.0%	0.0% #ECDF92	RGB 236 223 146	#ECDF92
16.7%	16.7% #E7D783	RGB 231 215 131	#E7D783
33.3%	33.3% #E2CF75	RGB 226 207 117	#E2CF75
50.0%	50.0% #DEC767	RGB 222 199 103	#DEC767
66.7%	66.7% #D9BF59	RGB 217 191 89	#D9BF59
83.3%	83.3% #D4B74B	RGB 212 183 75	#D4B74B
100.0%	100.0% #D0AF3D	RGB 208 175 61	#D0AF3D

#ECDF92 #E7D783 #E2CF75 #DEC767 #D9BF59 #D4B74B #D0AF3D

#ECDF92 - #D0AF3D

HSV Blend

#ECDF92 - #D0AF3D | 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 #ECDF92 as 0% and #D0AF3D as 100%.

0.0%	0.0% #ECDF92	RGB 236 223 146	#ECDF92
16.7%	16.7% #E7D782	RGB 231 215 130	#E7D782
33.3%	33.3% #E2CF73	RGB 226 207 115	#E2CF73
50.0%	50.0% #DEC765	RGB 222 199 101	#DEC765
66.7%	66.7% #D9BF57	RGB 217 191 87	#D9BF57
83.3%	83.3% #D4B749	RGB 212 183 73	#D4B749
100.0%	100.0% #D0AF3D	RGB 208 175 61	#D0AF3D

#ECDF92 #E7D782 #E2CF73 #DEC765 #D9BF57 #D4B749 #D0AF3D

#ECDF92 - #DEC765 - #D0AF3D

CSS codes

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

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