#5E60B2 - #8F7CFF | 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 #5E60B2 to #8F7CFF

#5E60B2 #8F7CFF

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

#5E60B2 - #8F7CFF | 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 #5E60B2 as 0% and #8F7CFF as 100%.

0.0%	0.0% #5E60B2	RGB 94 96 178	#5E60B2
16.7%	16.7% #6664BE	RGB 102 100 190	#6664BE
33.3%	33.3% #6E69CB	RGB 110 105 203	#6E69CB
50.0%	50.0% #766ED8	RGB 118 110 216	#766ED8
66.7%	66.7% #7E72E5	RGB 126 114 229	#7E72E5
83.3%	83.3% #8677F2	RGB 134 119 242	#8677F2
100.0%	100.0% #8F7CFF	RGB 143 124 255	#8F7CFF

#5E60B2 #6664BE #6E69CB #766ED8 #7E72E5 #8677F2 #8F7CFF

#5E60B2 - #8F7CFF

HSV Blend

#5E60B2 - #8F7CFF | 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 #5E60B2 as 0% and #8F7CFF as 100%.

0.0%	0.0% #5E60B2	RGB 94 96 178	#5E60B2
16.7%	16.7% #6363BE	RGB 99 99 190	#6363BE
33.3%	33.3% #6B68CB	RGB 107 104 203	#6B68CB
50.0%	50.0% #746DD8	RGB 116 109 216	#746DD8
66.7%	66.7% #7C72E5	RGB 124 114 229	#7C72E5
83.3%	83.3% #8577F2	RGB 133 119 242	#8577F2
100.0%	100.0% #8F7CFF	RGB 143 124 255	#8F7CFF

#5E60B2 #6363BE #6B68CB #746DD8 #7C72E5 #8577F2 #8F7CFF

#5E60B2 - #746DD8 - #8F7CFF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E60B2 0%, #746DD8 50%, #8F7CFF 100%);
    background: -webkit-linear-gradient(top, #5E60B2 0%, #746DD8 50%, #8F7CFF 100%);
    background: linear-gradient(to bottom, #5E60B2 0%, #746DD8 50%, #8F7CFF 100%);
}
</style>