#DBDB77 - #B6AD2B | 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 #DBDB77 to #B6AD2B

#DBDB77 #B6AD2B

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

#DBDB77 - #B6AD2B | 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 #DBDB77 as 0% and #B6AD2B as 100%.

0.0%	0.0% #DBDB77	RGB 219 219 119	#DBDB77
16.7%	16.7% #D4D36A	RGB 212 211 106	#D4D36A
33.3%	33.3% #CECB5D	RGB 206 203 93	#CECB5D
50.0%	50.0% #C8C451	RGB 200 196 81	#C8C451
66.7%	66.7% #C2BC44	RGB 194 188 68	#C2BC44
83.3%	83.3% #BCB437	RGB 188 180 55	#BCB437
100.0%	100.0% #B6AD2B	RGB 182 173 43	#B6AD2B

#DBDB77 #D4D36A #CECB5D #C8C451 #C2BC44 #BCB437 #B6AD2B

#DBDB77 - #B6AD2B

HSV Blend

#DBDB77 - #B6AD2B | 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 #DBDB77 as 0% and #B6AD2B as 100%.

0.0%	0.0% #DBDB77	RGB 219 219 119	#DBDB77
16.7%	16.7% #D4D368	RGB 212 211 104	#D4D368
33.3%	33.3% #CECC5B	RGB 206 204 91	#CECC5B
50.0%	50.0% #C8C44E	RGB 200 196 78	#C8C44E
66.7%	66.7% #C2BC41	RGB 194 188 65	#C2BC41
83.3%	83.3% #BCB436	RGB 188 180 54	#BCB436
100.0%	100.0% #B6AD2B	RGB 182 173 43	#B6AD2B

#DBDB77 #D4D368 #CECC5B #C8C44E #C2BC41 #BCB436 #B6AD2B

#DBDB77 - #C8C44E - #B6AD2B

CSS codes

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

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