#D495FF - #862ECE | 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 #D495FF to #862ECE

#D495FF #862ECE

Calculate the color between two colors, #D495FF and #862ECE. 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)

#D495FF - #862ECE | 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 #D495FF as 0% and #862ECE as 100%.

0.0%	0.0% #D495FF	RGB 212 149 255	#D495FF
16.7%	16.7% #C783F6	RGB 199 131 246	#C783F6
33.3%	33.3% #BA72EE	RGB 186 114 238	#BA72EE
50.0%	50.0% #AD61E6	RGB 173 97 230	#AD61E6
66.7%	66.7% #A050DE	RGB 160 80 222	#A050DE
83.3%	83.3% #933FD6	RGB 147 63 214	#933FD6
100.0%	100.0% #862ECE	RGB 134 46 206	#862ECE

#D495FF #C783F6 #BA72EE #AD61E6 #A050DE #933FD6 #862ECE

#D495FF - #862ECE

HSV Blend

#D495FF - #862ECE | 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 #D495FF as 0% and #862ECE as 100%.

0.0%	0.0% #D495FF	RGB 212 149 255	#D495FF
16.7%	16.7% #C681F6	RGB 198 129 246	#C681F6
33.3%	33.3% #B86EEE	RGB 184 110 238	#B86EEE
50.0%	50.0% #AB5DE6	RGB 171 93 230	#AB5DE6
66.7%	66.7% #9E4CDE	RGB 158 76 222	#9E4CDE
83.3%	83.3% #923CD6	RGB 146 60 214	#923CD6
100.0%	100.0% #862ECE	RGB 134 46 206	#862ECE

#D495FF #C681F6 #B86EEE #AB5DE6 #9E4CDE #923CD6 #862ECE

#D495FF - #AB5DE6 - #862ECE

CSS codes

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

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