#DBCDC6 - #9A846B | 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 #DBCDC6 to #9A846B

#DBCDC6 #9A846B

Calculate the color between two colors, #DBCDC6 and #9A846B. 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)

#DBCDC6 - #9A846B | 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 #DBCDC6 as 0% and #9A846B as 100%.

0.0%	0.0% #DBCDC6	RGB 219 205 198	#DBCDC6
16.7%	16.7% #D0C0B6	RGB 208 192 182	#D0C0B6
33.3%	33.3% #C5B4A7	RGB 197 180 167	#C5B4A7
50.0%	50.0% #BAA898	RGB 186 168 152	#BAA898
66.7%	66.7% #AF9C89	RGB 175 156 137	#AF9C89
83.3%	83.3% #A4907A	RGB 164 144 122	#A4907A
100.0%	100.0% #9A846B	RGB 154 132 107	#9A846B

#DBCDC6 #D0C0B6 #C5B4A7 #BAA898 #AF9C89 #A4907A #9A846B

#DBCDC6 - #9A846B

HSV Blend

#DBCDC6 - #9A846B | 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 #DBCDC6 as 0% and #9A846B as 100%.

0.0%	0.0% #DBCDC6	RGB 219 205 198	#DBCDC6
16.7%	16.7% #D0BEB4	RGB 208 190 180	#D0BEB4
33.3%	33.3% #C5B1A4	RGB 197 177 164	#C5B1A4
50.0%	50.0% #BAA595	RGB 186 165 149	#BAA595
66.7%	66.7% #AF9986	RGB 175 153 134	#AF9986
83.3%	83.3% #A48E78	RGB 164 142 120	#A48E78
100.0%	100.0% #9A846B	RGB 154 132 107	#9A846B

#DBCDC6 #D0BEB4 #C5B1A4 #BAA595 #AF9986 #A48E78 #9A846B

#DBCDC6 - #BAA595 - #9A846B

CSS codes

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

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