#5E23FF - #A690FF | 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 #5E23FF to #A690FF

#5E23FF #A690FF

Calculate the color between two colors, #5E23FF and #A690FF. 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)

#5E23FF - #A690FF | 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 #5E23FF as 0% and #A690FF as 100%.

0.0%	0.0% #5E23FF	RGB 94 35 255	#5E23FF
16.7%	16.7% #6A35FF	RGB 106 53 255	#6A35FF
33.3%	33.3% #7647FF	RGB 118 71 255	#7647FF
50.0%	50.0% #8259FF	RGB 130 89 255	#8259FF
66.7%	66.7% #8E6BFF	RGB 142 107 255	#8E6BFF
83.3%	83.3% #9A7DFF	RGB 154 125 255	#9A7DFF
100.0%	100.0% #A690FF	RGB 166 144 255	#A690FF

#5E23FF #6A35FF #7647FF #8259FF #8E6BFF #9A7DFF #A690FF

#5E23FF - #A690FF

HSV Blend

#5E23FF - #A690FF | 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 #5E23FF as 0% and #A690FF as 100%.

0.0%	0.0% #5D22FF	RGB 93 34 255	#5D22FF
16.7%	16.7% #6835FF	RGB 104 53 255	#6835FF
33.3%	33.3% #7447FF	RGB 116 71 255	#7447FF
50.0%	50.0% #8059FF	RGB 128 89 255	#8059FF
66.7%	66.7% #8C6BFF	RGB 140 107 255	#8C6BFF
83.3%	83.3% #987DFF	RGB 152 125 255	#987DFF
100.0%	100.0% #A690FF	RGB 166 144 255	#A690FF

#5D22FF #6835FF #7447FF #8059FF #8C6BFF #987DFF #A690FF

#5E23FF - #8059FF - #A690FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D22FF 0%, #8059FF 50%, #A690FF 100%);
    background: -webkit-linear-gradient(top, #5D22FF 0%, #8059FF 50%, #A690FF 100%);
    background: linear-gradient(to bottom, #5D22FF 0%, #8059FF 50%, #A690FF 100%);
}
</style>