#D98AF4 - #AD1AB8 | 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 #D98AF4 to #AD1AB8

#D98AF4 #AD1AB8

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

#D98AF4 - #AD1AB8 | 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 #D98AF4 as 0% and #AD1AB8 as 100%.

0.0%	0.0% #D98AF4	RGB 217 138 244	#D98AF4
16.7%	16.7% #D177EA	RGB 209 119 234	#D177EA
33.3%	33.3% #CA64E0	RGB 202 100 224	#CA64E0
50.0%	50.0% #C352D6	RGB 195 82 214	#C352D6
66.7%	66.7% #BB3FCC	RGB 187 63 204	#BB3FCC
83.3%	83.3% #B42CC2	RGB 180 44 194	#B42CC2
100.0%	100.0% #AD1AB8	RGB 173 26 184	#AD1AB8

#D98AF4 #D177EA #CA64E0 #C352D6 #BB3FCC #B42CC2 #AD1AB8

#D98AF4 - #AD1AB8

HSV Blend

#D98AF4 - #AD1AB8 | 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 #D98AF4 as 0% and #AD1AB8 as 100%.

0.0%	0.0% #D98AF4	RGB 217 138 244	#D98AF4
16.7%	16.7% #CF73EA	RGB 207 115 234	#CF73EA
33.3%	33.3% #C75FE0	RGB 199 95 224	#C75FE0
50.0%	50.0% #BF4BD6	RGB 191 75 214	#BF4BD6
66.7%	66.7% #B839CC	RGB 184 57 204	#B839CC
83.3%	83.3% #B229C2	RGB 178 41 194	#B229C2
100.0%	100.0% #AD1AB8	RGB 173 26 184	#AD1AB8

#D98AF4 #CF73EA #C75FE0 #BF4BD6 #B839CC #B229C2 #AD1AB8

#D98AF4 - #BF4BD6 - #AD1AB8

CSS codes

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

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