#DBBDA7 - #BF7851 | 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 #DBBDA7 to #BF7851

#DBBDA7 #BF7851

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

#DBBDA7 - #BF7851 | 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 #DBBDA7 as 0% and #BF7851 as 100%.

0.0%	0.0% #DBBDA7	RGB 219 189 167	#DBBDA7
16.7%	16.7% #D6B198	RGB 214 177 152	#D6B198
33.3%	33.3% #D1A68A	RGB 209 166 138	#D1A68A
50.0%	50.0% #CD9A7C	RGB 205 154 124	#CD9A7C
66.7%	66.7% #C88F6D	RGB 200 143 109	#C88F6D
83.3%	83.3% #C3835F	RGB 195 131 95	#C3835F
100.0%	100.0% #BF7851	RGB 191 120 81	#BF7851

#DBBDA7 #D6B198 #D1A68A #CD9A7C #C88F6D #C3835F #BF7851

#DBBDA7 - #BF7851

HSV Blend

#DBBDA7 - #BF7851 | 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 #DBBDA7 as 0% and #BF7851 as 100%.

0.0%	0.0% #DBBDA7	RGB 219 189 167	#DBBDA7
16.7%	16.7% #D6B197	RGB 214 177 151	#D6B197
33.3%	33.3% #D1A588	RGB 209 165 136	#D1A588
50.0%	50.0% #CD9A79	RGB 205 154 121	#CD9A79
66.7%	66.7% #C88E6B	RGB 200 142 107	#C88E6B
83.3%	83.3% #C3835E	RGB 195 131 94	#C3835E
100.0%	100.0% #BF7851	RGB 191 120 81	#BF7851

#DBBDA7 #D6B197 #D1A588 #CD9A79 #C88E6B #C3835E #BF7851

#DBBDA7 - #CD9A79 - #BF7851

CSS codes

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

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