#DBD5A0 - #B7A24B | 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 #DBD5A0 to #B7A24B

#DBD5A0 #B7A24B

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

#DBD5A0 - #B7A24B | 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 #DBD5A0 as 0% and #B7A24B as 100%.

0.0%	0.0% #DBD5A0	RGB 219 213 160	#DBD5A0
16.7%	16.7% #D5CC91	RGB 213 204 145	#D5CC91
33.3%	33.3% #CFC483	RGB 207 196 131	#CFC483
50.0%	50.0% #C9BB75	RGB 201 187 117	#C9BB75
66.7%	66.7% #C3B367	RGB 195 179 103	#C3B367
83.3%	83.3% #BDAA59	RGB 189 170 89	#BDAA59
100.0%	100.0% #B7A24B	RGB 183 162 75	#B7A24B

#DBD5A0 #D5CC91 #CFC483 #C9BB75 #C3B367 #BDAA59 #B7A24B

#DBD5A0 - #B7A24B

HSV Blend

#DBD5A0 - #B7A24B | 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 #DBD5A0 as 0% and #B7A24B as 100%.

0.0%	0.0% #DBD5A0	RGB 219 213 160	#DBD5A0
16.7%	16.7% #D5CC90	RGB 213 204 144	#D5CC90
33.3%	33.3% #CFC481	RGB 207 196 129	#CFC481
50.0%	50.0% #C9BC72	RGB 201 188 114	#C9BC72
66.7%	66.7% #C3B364	RGB 195 179 100	#C3B364
83.3%	83.3% #BDAA57	RGB 189 170 87	#BDAA57
100.0%	100.0% #B7A24B	RGB 183 162 75	#B7A24B

#DBD5A0 #D5CC90 #CFC481 #C9BC72 #C3B364 #BDAA57 #B7A24B

#DBD5A0 - #C9BC72 - #B7A24B

CSS codes

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

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