#DBBDC9 - #AD657F | 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 #DBBDC9 to #AD657F

#DBBDC9 #AD657F

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

#DBBDC9 - #AD657F | 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 #DBBDC9 as 0% and #AD657F as 100%.

0.0%	0.0% #DBBDC9	RGB 219 189 201	#DBBDC9
16.7%	16.7% #D3AEBC	RGB 211 174 188	#D3AEBC
33.3%	33.3% #CB9FB0	RGB 203 159 176	#CB9FB0
50.0%	50.0% #C491A4	RGB 196 145 164	#C491A4
66.7%	66.7% #BC8297	RGB 188 130 151	#BC8297
83.3%	83.3% #B4738B	RGB 180 115 139	#B4738B
100.0%	100.0% #AD657F	RGB 173 101 127	#AD657F

#DBBDC9 #D3AEBC #CB9FB0 #C491A4 #BC8297 #B4738B #AD657F

#DBBDC9 - #AD657F

HSV Blend

#DBBDC9 - #AD657F | 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 #DBBDC9 as 0% and #AD657F as 100%.

0.0%	0.0% #DBBDC9	RGB 219 189 201	#DBBDC9
16.7%	16.7% #D3ACBB	RGB 211 172 187	#D3ACBB
33.3%	33.3% #CB9CAE	RGB 203 156 174	#CB9CAE
50.0%	50.0% #C48DA2	RGB 196 141 162	#C48DA2
66.7%	66.7% #BC7F96	RGB 188 127 150	#BC7F96
83.3%	83.3% #B4718A	RGB 180 113 138	#B4718A
100.0%	100.0% #AD657F	RGB 173 101 127	#AD657F

#DBBDC9 #D3ACBB #CB9CAE #C48DA2 #BC7F96 #B4718A #AD657F

#DBBDC9 - #C48DA2 - #AD657F

CSS codes

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

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