#A98BC8 - #D9A8FF | 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 #A98BC8 to #D9A8FF

#A98BC8 #D9A8FF

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

#A98BC8 - #D9A8FF | 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 #A98BC8 as 0% and #D9A8FF as 100%.

0.0%	0.0% #A98BC8	RGB 169 139 200	#A98BC8
16.7%	16.7% #B18FD1	RGB 177 143 209	#B18FD1
33.3%	33.3% #B994DA	RGB 185 148 218	#B994DA
50.0%	50.0% #C199E3	RGB 193 153 227	#C199E3
66.7%	66.7% #C99EEC	RGB 201 158 236	#C99EEC
83.3%	83.3% #D1A3F5	RGB 209 163 245	#D1A3F5
100.0%	100.0% #D9A8FF	RGB 217 168 255	#D9A8FF

#A98BC8 #B18FD1 #B994DA #C199E3 #C99EEC #D1A3F5 #D9A8FF

#A98BC8 - #D9A8FF

HSV Blend

#A98BC8 - #D9A8FF | 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 #A98BC8 as 0% and #D9A8FF as 100%.

0.0%	0.0% #A98BC8	RGB 169 139 200	#A98BC8
16.7%	16.7% #B090D1	RGB 176 144 209	#B090D1
33.3%	33.3% #B895DA	RGB 184 149 218	#B895DA
50.0%	50.0% #C099E3	RGB 192 153 227	#C099E3
66.7%	66.7% #C89EEC	RGB 200 158 236	#C89EEC
83.3%	83.3% #D0A3F5	RGB 208 163 245	#D0A3F5
100.0%	100.0% #D9A8FF	RGB 217 168 255	#D9A8FF

#A98BC8 #B090D1 #B895DA #C099E3 #C89EEC #D0A3F5 #D9A8FF

#A98BC8 - #C099E3 - #D9A8FF

CSS codes

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

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