#FFFF00 - #DBBE0E | 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 #FFFF00 to #DBBE0E

#FFFF00 #DBBE0E

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

#FFFF00 - #DBBE0E | 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 #FFFF00 as 0% and #DBBE0E as 100%.

0.0%	0.0% #FFFF00	RGB 255 255 0	#FFFF00
16.7%	16.7% #F9F402	RGB 249 244 2	#F9F402
33.3%	33.3% #F3E904	RGB 243 233 4	#F3E904
50.0%	50.0% #EDDE07	RGB 237 222 7	#EDDE07
66.7%	66.7% #E7D309	RGB 231 211 9	#E7D309
83.3%	83.3% #E1C80B	RGB 225 200 11	#E1C80B
100.0%	100.0% #DBBE0E	RGB 219 190 14	#DBBE0E

#FFFF00 #F9F402 #F3E904 #EDDE07 #E7D309 #E1C80B #DBBE0E

#FFFF00 - #DBBE0E

HSV Blend

#FFFF00 - #DBBE0E | 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 #FFFF00 as 0% and #DBBE0E as 100%.

0.0%	0.0% #FFFF00	RGB 255 255 0	#FFFF00
16.7%	16.7% #F9F302	RGB 249 243 2	#F9F302
33.3%	33.3% #F3E705	RGB 243 231 5	#F3E705
50.0%	50.0% #EDDC07	RGB 237 220 7	#EDDC07
66.7%	66.7% #E7D209	RGB 231 210 9	#E7D209
83.3%	83.3% #E1C70B	RGB 225 199 11	#E1C70B
100.0%	100.0% #DBBE0E	RGB 219 190 14	#DBBE0E

#FFFF00 #F9F302 #F3E705 #EDDC07 #E7D209 #E1C70B #DBBE0E

#FFFF00 - #EDDC07 - #DBBE0E

CSS codes

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

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