#D6A8F2 - #9346C0 | 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 #D6A8F2 to #9346C0

#D6A8F2 #9346C0

Calculate the color between two colors, #D6A8F2 and #9346C0. 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)

#D6A8F2 - #9346C0 | 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 #D6A8F2 as 0% and #9346C0 as 100%.

0.0%	0.0% #D6A8F2	RGB 214 168 242	#D6A8F2
16.7%	16.7% #CA97E9	RGB 202 151 233	#CA97E9
33.3%	33.3% #BF87E1	RGB 191 135 225	#BF87E1
50.0%	50.0% #B477D9	RGB 180 119 217	#B477D9
66.7%	66.7% #A966D0	RGB 169 102 208	#A966D0
83.3%	83.3% #9E56C8	RGB 158 86 200	#9E56C8
100.0%	100.0% #9346C0	RGB 147 70 192	#9346C0

#D6A8F2 #CA97E9 #BF87E1 #B477D9 #A966D0 #9E56C8 #9346C0

#D6A8F2 - #9346C0

HSV Blend

#D6A8F2 - #9346C0 | 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 #D6A8F2 as 0% and #9346C0 as 100%.

0.0%	0.0% #D6A8F2	RGB 214 168 242	#D6A8F2
16.7%	16.7% #C995E9	RGB 201 149 233	#C995E9
33.3%	33.3% #BE83E1	RGB 190 131 225	#BE83E1
50.0%	50.0% #B272D9	RGB 178 114 217	#B272D9
66.7%	66.7% #A763D0	RGB 167 99 208	#A763D0
83.3%	83.3% #9D54C8	RGB 157 84 200	#9D54C8
100.0%	100.0% #9346C0	RGB 147 70 192	#9346C0

#D6A8F2 #C995E9 #BE83E1 #B272D9 #A763D0 #9D54C8 #9346C0

#D6A8F2 - #B272D9 - #9346C0

CSS codes

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

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