#D2B2D0 - #AC4D88 | 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 #D2B2D0 to #AC4D88

#D2B2D0 #AC4D88

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

#D2B2D0 - #AC4D88 | 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 #D2B2D0 as 0% and #AC4D88 as 100%.

0.0%	0.0% #D2B2D0	RGB 210 178 208	#D2B2D0
16.7%	16.7% #CBA1C4	RGB 203 161 196	#CBA1C4
33.3%	33.3% #C590B8	RGB 197 144 184	#C590B8
50.0%	50.0% #BF7FAC	RGB 191 127 172	#BF7FAC
66.7%	66.7% #B86EA0	RGB 184 110 160	#B86EA0
83.3%	83.3% #B25D94	RGB 178 93 148	#B25D94
100.0%	100.0% #AC4D88	RGB 172 77 136	#AC4D88

#D2B2D0 #CBA1C4 #C590B8 #BF7FAC #B86EA0 #B25D94 #AC4D88

#D2B2D0 - #AC4D88

HSV Blend

#D2B2D0 - #AC4D88 | 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 #D2B2D0 as 0% and #AC4D88 as 100%.

0.0%	0.0% #D2B2D0	RGB 210 178 208	#D2B2D0
16.7%	16.7% #CB9FC6	RGB 203 159 198	#CB9FC6
33.3%	33.3% #C58CBB	RGB 197 140 187	#C58CBB
50.0%	50.0% #BF7BB0	RGB 191 123 176	#BF7BB0
66.7%	66.7% #B86BA3	RGB 184 107 163	#B86BA3
83.3%	83.3% #B25B96	RGB 178 91 150	#B25B96
100.0%	100.0% #AC4D88	RGB 172 77 136	#AC4D88

#D2B2D0 #CB9FC6 #C58CBB #BF7BB0 #B86BA3 #B25B96 #AC4D88

#D2B2D0 - #BF7BB0 - #AC4D88

CSS codes

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

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