#DCB2D1 - #B34D89 | 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 #DCB2D1 to #B34D89

#DCB2D1 #B34D89

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

#DCB2D1 - #B34D89 | 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 #DCB2D1 as 0% and #B34D89 as 100%.

0.0%	0.0% #DCB2D1	RGB 220 178 209	#DCB2D1
16.7%	16.7% #D5A1C5	RGB 213 161 197	#D5A1C5
33.3%	33.3% #CE90B9	RGB 206 144 185	#CE90B9
50.0%	50.0% #C77FAD	RGB 199 127 173	#C77FAD
66.7%	66.7% #C06EA1	RGB 192 110 161	#C06EA1
83.3%	83.3% #B95D95	RGB 185 93 149	#B95D95
100.0%	100.0% #B34D89	RGB 179 77 137	#B34D89

#DCB2D1 #D5A1C5 #CE90B9 #C77FAD #C06EA1 #B95D95 #B34D89

#DCB2D1 - #B34D89

HSV Blend

#DCB2D1 - #B34D89 | 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 #DCB2D1 as 0% and #B34D89 as 100%.

0.0%	0.0% #DCB2D1	RGB 220 178 209	#DCB2D1
16.7%	16.7% #D59FC5	RGB 213 159 197	#D59FC5
33.3%	33.3% #CE8CB9	RGB 206 140 185	#CE8CB9
50.0%	50.0% #C77BAD	RGB 199 123 173	#C77BAD
66.7%	66.7% #C06BA1	RGB 192 107 161	#C06BA1
83.3%	83.3% #B95B95	RGB 185 91 149	#B95B95
100.0%	100.0% #B34D89	RGB 179 77 137	#B34D89

#DCB2D1 #D59FC5 #CE8CB9 #C77BAD #C06BA1 #B95B95 #B34D89

#DCB2D1 - #C77BAD - #B34D89

CSS codes

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

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