#DBDB4E - #FFEE7D | 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 #DBDB4E to #FFEE7D

#DBDB4E #FFEE7D

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

#DBDB4E - #FFEE7D | 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 #DBDB4E as 0% and #FFEE7D as 100%.

0.0%	0.0% #DBDB4E	RGB 219 219 78	#DBDB4E
16.7%	16.7% #E1DE55	RGB 225 222 85	#E1DE55
33.3%	33.3% #E7E15D	RGB 231 225 93	#E7E15D
50.0%	50.0% #EDE465	RGB 237 228 101	#EDE465
66.7%	66.7% #F3E76D	RGB 243 231 109	#F3E76D
83.3%	83.3% #F9EA75	RGB 249 234 117	#F9EA75
100.0%	100.0% #FFEE7D	RGB 255 238 125	#FFEE7D

#DBDB4E #E1DE55 #E7E15D #EDE465 #F3E76D #F9EA75 #FFEE7D

#DBDB4E - #FFEE7D

HSV Blend

#DBDB4E - #FFEE7D | 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 #DBDB4E as 0% and #FFEE7D as 100%.

0.0%	0.0% #DBDB4E	RGB 219 219 78	#DBDB4E
16.7%	16.7% #E1DD55	RGB 225 221 85	#E1DD55
33.3%	33.3% #E7E05C	RGB 231 224 92	#E7E05C
50.0%	50.0% #EDE464	RGB 237 228 100	#EDE464
66.7%	66.7% #F3E76C	RGB 243 231 108	#F3E76C
83.3%	83.3% #F9EA74	RGB 249 234 116	#F9EA74
100.0%	100.0% #FFEE7D	RGB 255 238 125	#FFEE7D

#DBDB4E #E1DD55 #E7E05C #EDE464 #F3E76C #F9EA74 #FFEE7D

#DBDB4E - #EDE464 - #FFEE7D

CSS codes

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

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