#D6B9F8 - #864FC3 | 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 #D6B9F8 to #864FC3

#D6B9F8 #864FC3

Calculate the color between two colors, #D6B9F8 and #864FC3. 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)

#D6B9F8 - #864FC3 | 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 #D6B9F8 as 0% and #864FC3 as 100%.

0.0%	0.0% #D6B9F8	RGB 214 185 248	#D6B9F8
16.7%	16.7% #C8A7EF	RGB 200 167 239	#C8A7EF
33.3%	33.3% #BB95E6	RGB 187 149 230	#BB95E6
50.0%	50.0% #AE84DD	RGB 174 132 221	#AE84DD
66.7%	66.7% #A072D4	RGB 160 114 212	#A072D4
83.3%	83.3% #9360CB	RGB 147 96 203	#9360CB
100.0%	100.0% #864FC3	RGB 134 79 195	#864FC3

#D6B9F8 #C8A7EF #BB95E6 #AE84DD #A072D4 #9360CB #864FC3

#D6B9F8 - #864FC3

HSV Blend

#D6B9F8 - #864FC3 | 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 #D6B9F8 as 0% and #864FC3 as 100%.

0.0%	0.0% #D6B9F8	RGB 214 185 248	#D6B9F8
16.7%	16.7% #C7A4EF	RGB 199 164 239	#C7A4EF
33.3%	33.3% #B991E6	RGB 185 145 230	#B991E6
50.0%	50.0% #AB7FDD	RGB 171 127 221	#AB7FDD
66.7%	66.7% #9E6ED4	RGB 158 110 212	#9E6ED4
83.3%	83.3% #915ECB	RGB 145 94 203	#915ECB
100.0%	100.0% #864FC3	RGB 134 79 195	#864FC3

#D6B9F8 #C7A4EF #B991E6 #AB7FDD #9E6ED4 #915ECB #864FC3

#D6B9F8 - #AB7FDD - #864FC3

CSS codes

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

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