#DDBFD2 - #B96CA6 | 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 #DDBFD2 to #B96CA6

#DDBFD2 #B96CA6

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

#DDBFD2 - #B96CA6 | 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 #DDBFD2 as 0% and #B96CA6 as 100%.

0.0%	0.0% #DDBFD2	RGB 221 191 210	#DDBFD2
16.7%	16.7% #D7B1CA	RGB 215 177 202	#D7B1CA
33.3%	33.3% #D1A3C3	RGB 209 163 195	#D1A3C3
50.0%	50.0% #CB95BC	RGB 203 149 188	#CB95BC
66.7%	66.7% #C587B4	RGB 197 135 180	#C587B4
83.3%	83.3% #BF79AD	RGB 191 121 173	#BF79AD
100.0%	100.0% #B96CA6	RGB 185 108 166	#B96CA6

#DDBFD2 #D7B1CA #D1A3C3 #CB95BC #C587B4 #BF79AD #B96CA6

#DDBFD2 - #B96CA6

HSV Blend

#DDBFD2 - #B96CA6 | 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 #DDBFD2 as 0% and #B96CA6 as 100%.

0.0%	0.0% #DDBFD2	RGB 221 191 210	#DDBFD2
16.7%	16.7% #D7AFC9	RGB 215 175 201	#D7AFC9
33.3%	33.3% #D1A1C1	RGB 209 161 193	#D1A1C1
50.0%	50.0% #CB92B9	RGB 203 146 185	#CB92B9
66.7%	66.7% #C585B2	RGB 197 133 178	#C585B2
83.3%	83.3% #BF78AC	RGB 191 120 172	#BF78AC
100.0%	100.0% #B96CA6	RGB 185 108 166	#B96CA6

#DDBFD2 #D7AFC9 #D1A1C1 #CB92B9 #C585B2 #BF78AC #B96CA6

#DDBFD2 - #CB92B9 - #B96CA6

CSS codes

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

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