#DDA000 - #FFDD7E | 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 #DDA000 to #FFDD7E

#DDA000 #FFDD7E

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

#DDA000 - #FFDD7E | 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 #DDA000 as 0% and #FFDD7E as 100%.

0.0%	0.0% #DDA000	RGB 221 160 0	#DDA000
16.7%	16.7% #E2AA15	RGB 226 170 21	#E2AA15
33.3%	33.3% #E8B42A	RGB 232 180 42	#E8B42A
50.0%	50.0% #EEBE3F	RGB 238 190 63	#EEBE3F
66.7%	66.7% #F3C854	RGB 243 200 84	#F3C854
83.3%	83.3% #F9D269	RGB 249 210 105	#F9D269
100.0%	100.0% #FFDD7E	RGB 255 221 126	#FFDD7E

#DDA000 #E2AA15 #E8B42A #EEBE3F #F3C854 #F9D269 #FFDD7E

#DDA000 - #FFDD7E

HSV Blend

#DDA000 - #FFDD7E | 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 #DDA000 as 0% and #FFDD7E as 100%.

0.0%	0.0% #DDA000	RGB 221 160 0	#DDA000
16.7%	16.7% #E2A912	RGB 226 169 18	#E2A912
33.3%	33.3% #E8B326	RGB 232 179 38	#E8B326
50.0%	50.0% #EEBD3A	RGB 238 189 58	#EEBD3A
66.7%	66.7% #F3C750	RGB 243 199 80	#F3C750
83.3%	83.3% #F9D266	RGB 249 210 102	#F9D266
100.0%	100.0% #FFDD7E	RGB 255 221 126	#FFDD7E

#DDA000 #E2A912 #E8B326 #EEBD3A #F3C750 #F9D266 #FFDD7E

#DDA000 - #EEBD3A - #FFDD7E

CSS codes

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

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