#DBB2D1 - #B24D89 | 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 #DBB2D1 to #B24D89

#DBB2D1 #B24D89

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

#DBB2D1 - #B24D89 | 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 #DBB2D1 as 0% and #B24D89 as 100%.

0.0%	0.0% #DBB2D1	RGB 219 178 209	#DBB2D1
16.7%	16.7% #D4A1C5	RGB 212 161 197	#D4A1C5
33.3%	33.3% #CD90B9	RGB 205 144 185	#CD90B9
50.0%	50.0% #C67FAD	RGB 198 127 173	#C67FAD
66.7%	66.7% #BF6EA1	RGB 191 110 161	#BF6EA1
83.3%	83.3% #B85D95	RGB 184 93 149	#B85D95
100.0%	100.0% #B24D89	RGB 178 77 137	#B24D89

#DBB2D1 #D4A1C5 #CD90B9 #C67FAD #BF6EA1 #B85D95 #B24D89

#DBB2D1 - #B24D89

HSV Blend

#DBB2D1 - #B24D89 | 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 #DBB2D1 as 0% and #B24D89 as 100%.

0.0%	0.0% #DBB2D1	RGB 219 178 209	#DBB2D1
16.7%	16.7% #D49FC5	RGB 212 159 197	#D49FC5
33.3%	33.3% #CD8CBA	RGB 205 140 186	#CD8CBA
50.0%	50.0% #C67BAE	RGB 198 123 174	#C67BAE
66.7%	66.7% #BF6BA1	RGB 191 107 161	#BF6BA1
83.3%	83.3% #B85B95	RGB 184 91 149	#B85B95
100.0%	100.0% #B24D89	RGB 178 77 137	#B24D89

#DBB2D1 #D49FC5 #CD8CBA #C67BAE #BF6BA1 #B85B95 #B24D89

#DBB2D1 - #C67BAE - #B24D89

CSS codes

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

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