#DFB5C5 - #B2476E | 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 #DFB5C5 to #B2476E

#DFB5C5 #B2476E

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

#DFB5C5 - #B2476E | 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 #DFB5C5 as 0% and #B2476E as 100%.

0.0%	0.0% #DFB5C5	RGB 223 181 197	#DFB5C5
16.7%	16.7% #D7A2B6	RGB 215 162 182	#D7A2B6
33.3%	33.3% #D090A8	RGB 208 144 168	#D090A8
50.0%	50.0% #C87E99	RGB 200 126 153	#C87E99
66.7%	66.7% #C16B8B	RGB 193 107 139	#C16B8B
83.3%	83.3% #B9597C	RGB 185 89 124	#B9597C
100.0%	100.0% #B2476E	RGB 178 71 110	#B2476E

#DFB5C5 #D7A2B6 #D090A8 #C87E99 #C16B8B #B9597C #B2476E

#DFB5C5 - #B2476E

HSV Blend

#DFB5C5 - #B2476E | 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 #DFB5C5 as 0% and #B2476E as 100%.

0.0%	0.0% #DFB5C5	RGB 223 181 197	#DFB5C5
16.7%	16.7% #D7A0B5	RGB 215 160 181	#D7A0B5
33.3%	33.3% #D08CA5	RGB 208 140 165	#D08CA5
50.0%	50.0% #C87996	RGB 200 121 150	#C87996
66.7%	66.7% #C16788	RGB 193 103 136	#C16788
83.3%	83.3% #B9567B	RGB 185 86 123	#B9567B
100.0%	100.0% #B2476E	RGB 178 71 110	#B2476E

#DFB5C5 #D7A0B5 #D08CA5 #C87996 #C16788 #B9567B #B2476E

#DFB5C5 - #C87996 - #B2476E

CSS codes

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

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