#DBC3C9 - #A0677B | 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 #DBC3C9 to #A0677B

#DBC3C9 #A0677B

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

#DBC3C9 - #A0677B | 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 #DBC3C9 as 0% and #A0677B as 100%.

0.0%	0.0% #DBC3C9	RGB 219 195 201	#DBC3C9
16.7%	16.7% #D1B3BC	RGB 209 179 188	#D1B3BC
33.3%	33.3% #C7A4AF	RGB 199 164 175	#C7A4AF
50.0%	50.0% #BD95A2	RGB 189 149 162	#BD95A2
66.7%	66.7% #B38595	RGB 179 133 149	#B38595
83.3%	83.3% #A97688	RGB 169 118 136	#A97688
100.0%	100.0% #A0677B	RGB 160 103 123	#A0677B

#DBC3C9 #D1B3BC #C7A4AF #BD95A2 #B38595 #A97688 #A0677B

#DBC3C9 - #A0677B

HSV Blend

#DBC3C9 - #A0677B | 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 #DBC3C9 as 0% and #A0677B as 100%.

0.0%	0.0% #DBC3C9	RGB 219 195 201	#DBC3C9
16.7%	16.7% #D1B1BA	RGB 209 177 186	#D1B1BA
33.3%	33.3% #C7A1AB	RGB 199 161 171	#C7A1AB
50.0%	50.0% #BD919E	RGB 189 145 158	#BD919E
66.7%	66.7% #B38292	RGB 179 130 146	#B38292
83.3%	83.3% #A97486	RGB 169 116 134	#A97486
100.0%	100.0% #A0677B	RGB 160 103 123	#A0677B

#DBC3C9 #D1B1BA #C7A1AB #BD919E #B38292 #A97486 #A0677B

#DBC3C9 - #BD919E - #A0677B

CSS codes

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

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