#DBD6A8 - #B7A353 | 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 #DBD6A8 to #B7A353

#DBD6A8 #B7A353

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

#DBD6A8 - #B7A353 | 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 #DBD6A8 as 0% and #B7A353 as 100%.

0.0%	0.0% #DBD6A8	RGB 219 214 168	#DBD6A8
16.7%	16.7% #D5CD99	RGB 213 205 153	#D5CD99
33.3%	33.3% #CFC58B	RGB 207 197 139	#CFC58B
50.0%	50.0% #C9BC7D	RGB 201 188 125	#C9BC7D
66.7%	66.7% #C3B46F	RGB 195 180 111	#C3B46F
83.3%	83.3% #BDAB61	RGB 189 171 97	#BDAB61
100.0%	100.0% #B7A353	RGB 183 163 83	#B7A353

#DBD6A8 #D5CD99 #CFC58B #C9BC7D #C3B46F #BDAB61 #B7A353

#DBD6A8 - #B7A353

HSV Blend

#DBD6A8 - #B7A353 | 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 #DBD6A8 as 0% and #B7A353 as 100%.

0.0%	0.0% #DBD6A8	RGB 219 214 168	#DBD6A8
16.7%	16.7% #D5CE98	RGB 213 206 152	#D5CE98
33.3%	33.3% #CFC589	RGB 207 197 137	#CFC589
50.0%	50.0% #C9BD7A	RGB 201 189 122	#C9BD7A
66.7%	66.7% #C3B46C	RGB 195 180 108	#C3B46C
83.3%	83.3% #BDAB5F	RGB 189 171 95	#BDAB5F
100.0%	100.0% #B7A353	RGB 183 163 83	#B7A353

#DBD6A8 #D5CE98 #CFC589 #C9BD7A #C3B46C #BDAB5F #B7A353

#DBD6A8 - #C9BD7A - #B7A353

CSS codes

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

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