#5E42FF - #AFA9FF | 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 #5E42FF to #AFA9FF

#5E42FF #AFA9FF

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

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

0.0%	0.0% #5E42FF	RGB 94 66 255	#5E42FF
16.7%	16.7% #6B53FF	RGB 107 83 255	#6B53FF
33.3%	33.3% #7964FF	RGB 121 100 255	#7964FF
50.0%	50.0% #8675FF	RGB 134 117 255	#8675FF
66.7%	66.7% #9486FF	RGB 148 134 255	#9486FF
83.3%	83.3% #A197FF	RGB 161 151 255	#A197FF
100.0%	100.0% #AFA9FF	RGB 175 169 255	#AFA9FF

#5E42FF #6B53FF #7964FF #8675FF #9486FF #A197FF #AFA9FF

#5E42FF - #AFA9FF

HSV Blend

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

0.0%	0.0% #5E41FF	RGB 94 65 255	#5E41FF
16.7%	16.7% #6A53FF	RGB 106 83 255	#6A53FF
33.3%	33.3% #7764FF	RGB 119 100 255	#7764FF
50.0%	50.0% #8475FF	RGB 132 117 255	#8475FF
66.7%	66.7% #9286FF	RGB 146 134 255	#9286FF
83.3%	83.3% #A097FF	RGB 160 151 255	#A097FF
100.0%	100.0% #AFA9FF	RGB 175 169 255	#AFA9FF

#5E41FF #6A53FF #7764FF #8475FF #9286FF #A097FF #AFA9FF

#5E42FF - #8475FF - #AFA9FF

CSS codes

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

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