#DBB3C9 - #AF547F | 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 #DBB3C9 to #AF547F

#DBB3C9 #AF547F

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

#DBB3C9 - #AF547F | 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 #DBB3C9 as 0% and #AF547F as 100%.

0.0%	0.0% #DBB3C9	RGB 219 179 201	#DBB3C9
16.7%	16.7% #D3A3BC	RGB 211 163 188	#D3A3BC
33.3%	33.3% #CC93B0	RGB 204 147 176	#CC93B0
50.0%	50.0% #C583A4	RGB 197 131 164	#C583A4
66.7%	66.7% #BD7397	RGB 189 115 151	#BD7397
83.3%	83.3% #B6638B	RGB 182 99 139	#B6638B
100.0%	100.0% #AF547F	RGB 175 84 127	#AF547F

#DBB3C9 #D3A3BC #CC93B0 #C583A4 #BD7397 #B6638B #AF547F

#DBB3C9 - #AF547F

HSV Blend

#DBB3C9 - #AF547F | 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 #DBB3C9 as 0% and #AF547F as 100%.

0.0%	0.0% #DBB3C9	RGB 219 179 201	#DBB3C9
16.7%	16.7% #D3A1BC	RGB 211 161 188	#D3A1BC
33.3%	33.3% #CC90AF	RGB 204 144 175	#CC90AF
50.0%	50.0% #C57FA3	RGB 197 127 163	#C57FA3
66.7%	66.7% #BD7096	RGB 189 112 150	#BD7096
83.3%	83.3% #B6618A	RGB 182 97 138	#B6618A
100.0%	100.0% #AF547F	RGB 175 84 127	#AF547F

#DBB3C9 #D3A1BC #CC90AF #C57FA3 #BD7096 #B6618A #AF547F

#DBB3C9 - #C57FA3 - #AF547F

CSS codes

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

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