#D2B2FF - #AB4EDF | 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 #D2B2FF to #AB4EDF

#D2B2FF #AB4EDF

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

#D2B2FF - #AB4EDF | 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 #D2B2FF as 0% and #AB4EDF as 100%.

0.0%	0.0% #D2B2FF	RGB 210 178 255	#D2B2FF
16.7%	16.7% #CBA1F9	RGB 203 161 249	#CBA1F9
33.3%	33.3% #C590F4	RGB 197 144 244	#C590F4
50.0%	50.0% #BE80EF	RGB 190 128 239	#BE80EF
66.7%	66.7% #B86FE9	RGB 184 111 233	#B86FE9
83.3%	83.3% #B15EE4	RGB 177 94 228	#B15EE4
100.0%	100.0% #AB4EDF	RGB 171 78 223	#AB4EDF

#D2B2FF #CBA1F9 #C590F4 #BE80EF #B86FE9 #B15EE4 #AB4EDF

#D2B2FF - #AB4EDF

HSV Blend

#D2B2FF - #AB4EDF | 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 #D2B2FF as 0% and #AB4EDF as 100%.

0.0%	0.0% #D2B2FF	RGB 210 178 255	#D2B2FF
16.7%	16.7% #C89FF9	RGB 200 159 249	#C89FF9
33.3%	33.3% #C08EF4	RGB 192 142 244	#C08EF4
50.0%	50.0% #B97DEF	RGB 185 125 239	#B97DEF
66.7%	66.7% #B36CE9	RGB 179 108 233	#B36CE9
83.3%	83.3% #AE5DE4	RGB 174 93 228	#AE5DE4
100.0%	100.0% #AB4EDF	RGB 171 78 223	#AB4EDF

#D2B2FF #C89FF9 #C08EF4 #B97DEF #B36CE9 #AE5DE4 #AB4EDF

#D2B2FF - #B97DEF - #AB4EDF

CSS codes

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

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