#5E61CB - #B075FF | 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 #5E61CB to #B075FF

#5E61CB #B075FF

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

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

0.0%	0.0% #5E61CB	RGB 94 97 203	#5E61CB
16.7%	16.7% #6B64D3	RGB 107 100 211	#6B64D3
33.3%	33.3% #7967DC	RGB 121 103 220	#7967DC
50.0%	50.0% #876BE5	RGB 135 107 229	#876BE5
66.7%	66.7% #946EED	RGB 148 110 237	#946EED
83.3%	83.3% #A271F6	RGB 162 113 246	#A271F6
100.0%	100.0% #B075FF	RGB 176 117 255	#B075FF

#5E61CB #6B64D3 #7967DC #876BE5 #946EED #A271F6 #B075FF

#5E61CB - #B075FF

HSV Blend

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

0.0%	0.0% #5E61CB	RGB 94 97 203	#5E61CB
16.7%	16.7% #6761D3	RGB 103 97 211	#6761D3
33.3%	33.3% #7465DC	RGB 116 101 220	#7465DC
50.0%	50.0% #8269E5	RGB 130 105 229	#8269E5
66.7%	66.7% #906DED	RGB 144 109 237	#906DED
83.3%	83.3% #A071F6	RGB 160 113 246	#A071F6
100.0%	100.0% #B075FF	RGB 176 117 255	#B075FF

#5E61CB #6761D3 #7465DC #8269E5 #906DED #A071F6 #B075FF

#5E61CB - #8269E5 - #B075FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E61CB 0%, #8269E5 50%, #B075FF 100%);
    background: -webkit-linear-gradient(top, #5E61CB 0%, #8269E5 50%, #B075FF 100%);
    background: linear-gradient(to bottom, #5E61CB 0%, #8269E5 50%, #B075FF 100%);
}
</style>