#DBD7B7 - #BCAB62 | 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 #DBD7B7 to #BCAB62

#DBD7B7 #BCAB62

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

#DBD7B7 - #BCAB62 | 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 #DBD7B7 as 0% and #BCAB62 as 100%.

0.0%	0.0% #DBD7B7	RGB 219 215 183	#DBD7B7
16.7%	16.7% #D5CFA8	RGB 213 207 168	#D5CFA8
33.3%	33.3% #D0C89A	RGB 208 200 154	#D0C89A
50.0%	50.0% #CBC18C	RGB 203 193 140	#CBC18C
66.7%	66.7% #C6B97E	RGB 198 185 126	#C6B97E
83.3%	83.3% #C1B270	RGB 193 178 112	#C1B270
100.0%	100.0% #BCAB62	RGB 188 171 98	#BCAB62

#DBD7B7 #D5CFA8 #D0C89A #CBC18C #C6B97E #C1B270 #BCAB62

#DBD7B7 - #BCAB62

HSV Blend

#DBD7B7 - #BCAB62 | 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 #DBD7B7 as 0% and #BCAB62 as 100%.

0.0%	0.0% #DBD7B7	RGB 219 215 183	#DBD7B7
16.7%	16.7% #D5D0A7	RGB 213 208 167	#D5D0A7
33.3%	33.3% #D0C898	RGB 208 200 152	#D0C898
50.0%	50.0% #CBC18A	RGB 203 193 138	#CBC18A
66.7%	66.7% #C6BA7C	RGB 198 186 124	#C6BA7C
83.3%	83.3% #C1B26E	RGB 193 178 110	#C1B26E
100.0%	100.0% #BCAB62	RGB 188 171 98	#BCAB62

#DBD7B7 #D5D0A7 #D0C898 #CBC18A #C6BA7C #C1B26E #BCAB62

#DBD7B7 - #CBC18A - #BCAB62

CSS codes

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

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