#DBCECC - #A0937E | 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 #DBCECC to #A0937E

#DBCECC #A0937E

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

#DBCECC - #A0937E | 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 #DBCECC as 0% and #A0937E as 100%.

0.0%	0.0% #DBCECC	RGB 219 206 204	#DBCECC
16.7%	16.7% #D1C4BF	RGB 209 196 191	#D1C4BF
33.3%	33.3% #C7BAB2	RGB 199 186 178	#C7BAB2
50.0%	50.0% #BDB0A5	RGB 189 176 165	#BDB0A5
66.7%	66.7% #B3A698	RGB 179 166 152	#B3A698
83.3%	83.3% #A99C8B	RGB 169 156 139	#A99C8B
100.0%	100.0% #A0937E	RGB 160 147 126	#A0937E

#DBCECC #D1C4BF #C7BAB2 #BDB0A5 #B3A698 #A99C8B #A0937E

#DBCECC - #A0937E

HSV Blend

#DBCECC - #A0937E | 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 #DBCECC as 0% and #A0937E as 100%.

0.0%	0.0% #DBCECC	RGB 219 206 204	#DBCECC
16.7%	16.7% #D1C1BD	RGB 209 193 189	#D1C1BD
33.3%	33.3% #C7B6B0	RGB 199 182 176	#C7B6B0
50.0%	50.0% #BDACA2	RGB 189 172 162	#BDACA2
66.7%	66.7% #B3A396	RGB 179 163 150	#B3A396
83.3%	83.3% #A99B89	RGB 169 155 137	#A99B89
100.0%	100.0% #A0937E	RGB 160 147 126	#A0937E

#DBCECC #D1C1BD #C7B6B0 #BDACA2 #B3A396 #A99B89 #A0937E

#DBCECC - #BDACA2 - #A0937E

CSS codes

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

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