#DBC5E8 - #AC73B4 | 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 #DBC5E8 to #AC73B4

#DBC5E8 #AC73B4

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

#DBC5E8 - #AC73B4 | 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 #DBC5E8 as 0% and #AC73B4 as 100%.

0.0%	0.0% #DBC5E8	RGB 219 197 232	#DBC5E8
16.7%	16.7% #D3B7DF	RGB 211 183 223	#D3B7DF
33.3%	33.3% #CBA9D6	RGB 203 169 214	#CBA9D6
50.0%	50.0% #C39CCE	RGB 195 156 206	#C39CCE
66.7%	66.7% #BB8EC5	RGB 187 142 197	#BB8EC5
83.3%	83.3% #B380BC	RGB 179 128 188	#B380BC
100.0%	100.0% #AC73B4	RGB 172 115 180	#AC73B4

#DBC5E8 #D3B7DF #CBA9D6 #C39CCE #BB8EC5 #B380BC #AC73B4

#DBC5E8 - #AC73B4

HSV Blend

#DBC5E8 - #AC73B4 | 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 #DBC5E8 as 0% and #AC73B4 as 100%.

0.0%	0.0% #DBC5E8	RGB 219 197 232	#DBC5E8
16.7%	16.7% #D1B5DF	RGB 209 181 223	#D1B5DF
33.3%	33.3% #C8A7D6	RGB 200 167 214	#C8A7D6
50.0%	50.0% #C099CE	RGB 192 153 206	#C099CE
66.7%	66.7% #B98BC5	RGB 185 139 197	#B98BC5
83.3%	83.3% #B27FBC	RGB 178 127 188	#B27FBC
100.0%	100.0% #AC73B4	RGB 172 115 180	#AC73B4

#DBC5E8 #D1B5DF #C8A7D6 #C099CE #B98BC5 #B27FBC #AC73B4

#DBC5E8 - #C099CE - #AC73B4

CSS codes

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

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