#FFD700 - #DBEE3F | 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 #FFD700 to #DBEE3F

#FFD700 #DBEE3F

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

#FFD700 - #DBEE3F | 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 #FFD700 as 0% and #DBEE3F as 100%.

0.0%	0.0% #FFD700	RGB 255 215 0	#FFD700
16.7%	16.7% #F9DA0A	RGB 249 218 10	#F9DA0A
33.3%	33.3% #F3DE15	RGB 243 222 21	#F3DE15
50.0%	50.0% #EDE21F	RGB 237 226 31	#EDE21F
66.7%	66.7% #E7E62A	RGB 231 230 42	#E7E62A
83.3%	83.3% #E1EA34	RGB 225 234 52	#E1EA34
100.0%	100.0% #DBEE3F	RGB 219 238 63	#DBEE3F

#FFD700 #F9DA0A #F3DE15 #EDE21F #E7E62A #E1EA34 #DBEE3F

#FFD700 - #DBEE3F

HSV Blend

#FFD700 - #DBEE3F | 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 #FFD700 as 0% and #DBEE3F as 100%.

0.0%	0.0% #FFD700	RGB 255 215 0	#FFD700
16.7%	16.7% #FCE10B	RGB 252 225 11	#FCE10B
33.3%	33.3% #F9E916	RGB 249 233 22	#F9E916
50.0%	50.0% #F6F120	RGB 246 241 32	#F6F120
66.7%	66.7% #EFF32B	RGB 239 243 43	#EFF32B
83.3%	83.3% #E4F035	RGB 228 240 53	#E4F035
100.0%	100.0% #DBEE3F	RGB 219 238 63	#DBEE3F

#FFD700 #FCE10B #F9E916 #F6F120 #EFF32B #E4F035 #DBEE3F

#FFD700 - #F6F120 - #DBEE3F

CSS codes

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

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