#DBD9A2 - #B6A94D | 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 #DBD9A2 to #B6A94D

#DBD9A2 #B6A94D

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

#DBD9A2 - #B6A94D | 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 #DBD9A2 as 0% and #B6A94D as 100%.

0.0%	0.0% #DBD9A2	RGB 219 217 162	#DBD9A2
16.7%	16.7% #D4D193	RGB 212 209 147	#D4D193
33.3%	33.3% #CEC985	RGB 206 201 133	#CEC985
50.0%	50.0% #C8C177	RGB 200 193 119	#C8C177
66.7%	66.7% #C2B969	RGB 194 185 105	#C2B969
83.3%	83.3% #BCB15B	RGB 188 177 91	#BCB15B
100.0%	100.0% #B6A94D	RGB 182 169 77	#B6A94D

#DBD9A2 #D4D193 #CEC985 #C8C177 #C2B969 #BCB15B #B6A94D

#DBD9A2 - #B6A94D

HSV Blend

#DBD9A2 - #B6A94D | 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 #DBD9A2 as 0% and #B6A94D as 100%.

0.0%	0.0% #DBD9A2	RGB 219 217 162	#DBD9A2
16.7%	16.7% #D4D192	RGB 212 209 146	#D4D192
33.3%	33.3% #CEC983	RGB 206 201 131	#CEC983
50.0%	50.0% #C8C174	RGB 200 193 116	#C8C174
66.7%	66.7% #C2B966	RGB 194 185 102	#C2B966
83.3%	83.3% #BCB159	RGB 188 177 89	#BCB159
100.0%	100.0% #B6A94D	RGB 182 169 77	#B6A94D

#DBD9A2 #D4D192 #CEC983 #C8C174 #C2B966 #BCB159 #B6A94D

#DBD9A2 - #C8C174 - #B6A94D

CSS codes

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

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