#DBDB5B - #B5AA1B | 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 #DBDB5B to #B5AA1B

#DBDB5B #B5AA1B

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

#DBDB5B - #B5AA1B | 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 #DBDB5B as 0% and #B5AA1B as 100%.

0.0%	0.0% #DBDB5B	RGB 219 219 91	#DBDB5B
16.7%	16.7% #D4D250	RGB 212 210 80	#D4D250
33.3%	33.3% #CECA45	RGB 206 202 69	#CECA45
50.0%	50.0% #C8C23B	RGB 200 194 59	#C8C23B
66.7%	66.7% #C1BA30	RGB 193 186 48	#C1BA30
83.3%	83.3% #BBB225	RGB 187 178 37	#BBB225
100.0%	100.0% #B5AA1B	RGB 181 170 27	#B5AA1B

#DBDB5B #D4D250 #CECA45 #C8C23B #C1BA30 #BBB225 #B5AA1B

#DBDB5B - #B5AA1B

HSV Blend

#DBDB5B - #B5AA1B | 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 #DBDB5B as 0% and #B5AA1B as 100%.

0.0%	0.0% #DBDB5B	RGB 219 219 91	#DBDB5B
16.7%	16.7% #D4D34E	RGB 212 211 78	#D4D34E
33.3%	33.3% #CECB43	RGB 206 203 67	#CECB43
50.0%	50.0% #C8C238	RGB 200 194 56	#C8C238
66.7%	66.7% #C1BA2E	RGB 193 186 46	#C1BA2E
83.3%	83.3% #BBB224	RGB 187 178 36	#BBB224
100.0%	100.0% #B5AA1B	RGB 181 170 27	#B5AA1B

#DBDB5B #D4D34E #CECB43 #C8C238 #C1BA2E #BBB224 #B5AA1B

#DBDB5B - #C8C238 - #B5AA1B

CSS codes

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

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