#DFB5D1 - #B55289 | 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 #DFB5D1 to #B55289

#DFB5D1 #B55289

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

#DFB5D1 - #B55289 | 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 #DFB5D1 as 0% and #B55289 as 100%.

0.0%	0.0% #DFB5D1	RGB 223 181 209	#DFB5D1
16.7%	16.7% #D8A4C5	RGB 216 164 197	#D8A4C5
33.3%	33.3% #D194B9	RGB 209 148 185	#D194B9
50.0%	50.0% #CA83AD	RGB 202 131 173	#CA83AD
66.7%	66.7% #C373A1	RGB 195 115 161	#C373A1
83.3%	83.3% #BC6295	RGB 188 98 149	#BC6295
100.0%	100.0% #B55289	RGB 181 82 137	#B55289

#DFB5D1 #D8A4C5 #D194B9 #CA83AD #C373A1 #BC6295 #B55289

#DFB5D1 - #B55289

HSV Blend

#DFB5D1 - #B55289 | 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 #DFB5D1 as 0% and #B55289 as 100%.

0.0%	0.0% #DFB5D1	RGB 223 181 209	#DFB5D1
16.7%	16.7% #D8A2C5	RGB 216 162 197	#D8A2C5
33.3%	33.3% #D190B9	RGB 209 144 185	#D190B9
50.0%	50.0% #CA7FAD	RGB 202 127 173	#CA7FAD
66.7%	66.7% #C36FA1	RGB 195 111 161	#C36FA1
83.3%	83.3% #BC6094	RGB 188 96 148	#BC6094
100.0%	100.0% #B55289	RGB 181 82 137	#B55289

#DFB5D1 #D8A2C5 #D190B9 #CA7FAD #C36FA1 #BC6094 #B55289

#DFB5D1 - #CA7FAD - #B55289

CSS codes

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

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