#5E7BC7 - #7E9FFF | 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 #5E7BC7 to #7E9FFF

#5E7BC7 #7E9FFF

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

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

0.0%	0.0% #5E7BC7	RGB 94 123 199	#5E7BC7
16.7%	16.7% #6381D0	RGB 99 129 208	#6381D0
33.3%	33.3% #6887D9	RGB 104 135 217	#6887D9
50.0%	50.0% #6E8DE3	RGB 110 141 227	#6E8DE3
66.7%	66.7% #7393EC	RGB 115 147 236	#7393EC
83.3%	83.3% #7899F5	RGB 120 153 245	#7899F5
100.0%	100.0% #7E9FFF	RGB 126 159 255	#7E9FFF

#5E7BC7 #6381D0 #6887D9 #6E8DE3 #7393EC #7899F5 #7E9FFF

#5E7BC7 - #7E9FFF

HSV Blend

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

0.0%	0.0% #5E7BC7	RGB 94 123 199	#5E7BC7
16.7%	16.7% #6380D0	RGB 99 128 208	#6380D0
33.3%	33.3% #6886D9	RGB 104 134 217	#6886D9
50.0%	50.0% #6D8CE3	RGB 109 140 227	#6D8CE3
66.7%	66.7% #7392EC	RGB 115 146 236	#7392EC
83.3%	83.3% #7898F5	RGB 120 152 245	#7898F5
100.0%	100.0% #7E9FFF	RGB 126 159 255	#7E9FFF

#5E7BC7 #6380D0 #6886D9 #6D8CE3 #7392EC #7898F5 #7E9FFF

#5E7BC7 - #6D8CE3 - #7E9FFF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7BC7 0%, #6D8CE3 50%, #7E9FFF 100%);
    background: -webkit-linear-gradient(top, #5E7BC7 0%, #6D8CE3 50%, #7E9FFF 100%);
    background: linear-gradient(to bottom, #5E7BC7 0%, #6D8CE3 50%, #7E9FFF 100%);
}
</style>