#DBDB9A - #B6AD46 | 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 #DBDB9A to #B6AD46

#DBDB9A #B6AD46

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

#DBDB9A - #B6AD46 | 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 #DBDB9A as 0% and #B6AD46 as 100%.

0.0%	0.0% #DBDB9A	RGB 219 219 154	#DBDB9A
16.7%	16.7% #D4D38C	RGB 212 211 140	#D4D38C
33.3%	33.3% #CECB7E	RGB 206 203 126	#CECB7E
50.0%	50.0% #C8C470	RGB 200 196 112	#C8C470
66.7%	66.7% #C2BC62	RGB 194 188 98	#C2BC62
83.3%	83.3% #BCB454	RGB 188 180 84	#BCB454
100.0%	100.0% #B6AD46	RGB 182 173 70	#B6AD46

#DBDB9A #D4D38C #CECB7E #C8C470 #C2BC62 #BCB454 #B6AD46

#DBDB9A - #B6AD46

HSV Blend

#DBDB9A - #B6AD46 | 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 #DBDB9A as 0% and #B6AD46 as 100%.

0.0%	0.0% #DBDB9A	RGB 219 219 154	#DBDB9A
16.7%	16.7% #D4D38A	RGB 212 211 138	#D4D38A
33.3%	33.3% #CECC7B	RGB 206 204 123	#CECC7B
50.0%	50.0% #C8C46D	RGB 200 196 109	#C8C46D
66.7%	66.7% #C2BD5F	RGB 194 189 95	#C2BD5F
83.3%	83.3% #BCB552	RGB 188 181 82	#BCB552
100.0%	100.0% #B6AD46	RGB 182 173 70	#B6AD46

#DBDB9A #D4D38A #CECC7B #C8C46D #C2BD5F #BCB552 #B6AD46

#DBDB9A - #C8C46D - #B6AD46

CSS codes

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

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