#DCB9C9 - #AF5E7F | 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 #DCB9C9 to #AF5E7F

#DCB9C9 #AF5E7F

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

#DCB9C9 - #AF5E7F | 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 #DCB9C9 as 0% and #AF5E7F as 100%.

0.0%	0.0% #DCB9C9	RGB 220 185 201	#DCB9C9
16.7%	16.7% #D4A9BC	RGB 212 169 188	#D4A9BC
33.3%	33.3% #CD9AB0	RGB 205 154 176	#CD9AB0
50.0%	50.0% #C58BA4	RGB 197 139 164	#C58BA4
66.7%	66.7% #BE7C97	RGB 190 124 151	#BE7C97
83.3%	83.3% #B66D8B	RGB 182 109 139	#B66D8B
100.0%	100.0% #AF5E7F	RGB 175 94 127	#AF5E7F

#DCB9C9 #D4A9BC #CD9AB0 #C58BA4 #BE7C97 #B66D8B #AF5E7F

#DCB9C9 - #AF5E7F

HSV Blend

#DCB9C9 - #AF5E7F | 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 #DCB9C9 as 0% and #AF5E7F as 100%.

0.0%	0.0% #DCB9C9	RGB 220 185 201	#DCB9C9
16.7%	16.7% #D4A7BB	RGB 212 167 187	#D4A7BB
33.3%	33.3% #CD97AF	RGB 205 151 175	#CD97AF
50.0%	50.0% #C588A2	RGB 197 136 162	#C588A2
66.7%	66.7% #BE7996	RGB 190 121 150	#BE7996
83.3%	83.3% #B66B8A	RGB 182 107 138	#B66B8A
100.0%	100.0% #AF5E7F	RGB 175 94 127	#AF5E7F

#DCB9C9 #D4A7BB #CD97AF #C588A2 #BE7996 #B66B8A #AF5E7F

#DCB9C9 - #C588A2 - #AF5E7F

CSS codes

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

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