#DBD9B5 - #B5A861 | 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 #DBD9B5 to #B5A861

#DBD9B5 #B5A861

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

#DBD9B5 - #B5A861 | 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 #DBD9B5 as 0% and #B5A861 as 100%.

0.0%	0.0% #DBD9B5	RGB 219 217 181	#DBD9B5
16.7%	16.7% #D4D0A7	RGB 212 208 167	#D4D0A7
33.3%	33.3% #CEC899	RGB 206 200 153	#CEC899
50.0%	50.0% #C8C08B	RGB 200 192 139	#C8C08B
66.7%	66.7% #C1B87D	RGB 193 184 125	#C1B87D
83.3%	83.3% #BBB06F	RGB 187 176 111	#BBB06F
100.0%	100.0% #B5A861	RGB 181 168 97	#B5A861

#DBD9B5 #D4D0A7 #CEC899 #C8C08B #C1B87D #BBB06F #B5A861

#DBD9B5 - #B5A861

HSV Blend

#DBD9B5 - #B5A861 | 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 #DBD9B5 as 0% and #B5A861 as 100%.

0.0%	0.0% #DBD9B5	RGB 219 217 181	#DBD9B5
16.7%	16.7% #D4D1A5	RGB 212 209 165	#D4D1A5
33.3%	33.3% #CEC996	RGB 206 201 150	#CEC996
50.0%	50.0% #C8C188	RGB 200 193 136	#C8C188
66.7%	66.7% #C1B97A	RGB 193 185 122	#C1B97A
83.3%	83.3% #BBB06D	RGB 187 176 109	#BBB06D
100.0%	100.0% #B5A861	RGB 181 168 97	#B5A861

#DBD9B5 #D4D1A5 #CEC996 #C8C188 #C1B97A #BBB06D #B5A861

#DBD9B5 - #C8C188 - #B5A861

CSS codes

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

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