#D9ABDB - #814A99 | 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 #D9ABDB to #814A99

#D9ABDB #814A99

Calculate the color between two colors, #D9ABDB and #814A99. 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)

#D9ABDB - #814A99 | 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 #D9ABDB as 0% and #814A99 as 100%.

0.0%	0.0% #D9ABDB	RGB 217 171 219	#D9ABDB
16.7%	16.7% #CA9AD0	RGB 202 154 208	#CA9AD0
33.3%	33.3% #BB8AC5	RGB 187 138 197	#BB8AC5
50.0%	50.0% #AD7ABA	RGB 173 122 186	#AD7ABA
66.7%	66.7% #9E6AAF	RGB 158 106 175	#9E6AAF
83.3%	83.3% #8F5AA4	RGB 143 90 164	#8F5AA4
100.0%	100.0% #814A99	RGB 129 74 153	#814A99

#D9ABDB #CA9AD0 #BB8AC5 #AD7ABA #9E6AAF #8F5AA4 #814A99

#D9ABDB - #814A99

HSV Blend

#D9ABDB - #814A99 | 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 #D9ABDB as 0% and #814A99 as 100%.

0.0%	0.0% #D9ABDB	RGB 217 171 219	#D9ABDB
16.7%	16.7% #CB98D0	RGB 203 152 208	#CB98D0
33.3%	33.3% #BC86C5	RGB 188 134 197	#BC86C5
50.0%	50.0% #AE75BA	RGB 174 117 186	#AE75BA
66.7%	66.7% #9F65AF	RGB 159 101 175	#9F65AF
83.3%	83.3% #9057A4	RGB 144 87 164	#9057A4
100.0%	100.0% #814A99	RGB 129 74 153	#814A99

#D9ABDB #CB98D0 #BC86C5 #AE75BA #9F65AF #9057A4 #814A99

#D9ABDB - #AE75BA - #814A99

CSS codes

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

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