#5E61DD - #8DAEF3 | 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 #5E61DD to #8DAEF3

#5E61DD #8DAEF3

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

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

0.0%	0.0% #5E61DD	RGB 94 97 221	#5E61DD
16.7%	16.7% #656DE0	RGB 101 109 224	#656DE0
33.3%	33.3% #6D7AE4	RGB 109 122 228	#6D7AE4
50.0%	50.0% #7587E8	RGB 117 135 232	#7587E8
66.7%	66.7% #7D94EB	RGB 125 148 235	#7D94EB
83.3%	83.3% #85A1EF	RGB 133 161 239	#85A1EF
100.0%	100.0% #8DAEF3	RGB 141 174 243	#8DAEF3

#5E61DD #656DE0 #6D7AE4 #7587E8 #7D94EB #85A1EF #8DAEF3

#5E61DD - #8DAEF3

HSV Blend

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

0.0%	0.0% #5E61DD	RGB 94 97 221	#5E61DD
16.7%	16.7% #656EE0	RGB 101 110 224	#656EE0
33.3%	33.3% #6C7BE4	RGB 108 123 228	#6C7BE4
50.0%	50.0% #7488E8	RGB 116 136 232	#7488E8
66.7%	66.7% #7C95EB	RGB 124 149 235	#7C95EB
83.3%	83.3% #84A1EF	RGB 132 161 239	#84A1EF
100.0%	100.0% #8DAEF3	RGB 141 174 243	#8DAEF3

#5E61DD #656EE0 #6C7BE4 #7488E8 #7C95EB #84A1EF #8DAEF3

#5E61DD - #7488E8 - #8DAEF3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E61DD 0%, #7488E8 50%, #8DAEF3 100%);
    background: -webkit-linear-gradient(top, #5E61DD 0%, #7488E8 50%, #8DAEF3 100%);
    background: linear-gradient(to bottom, #5E61DD 0%, #7488E8 50%, #8DAEF3 100%);
}
</style>