#5E93E1 - #837BFF | 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 #5E93E1 to #837BFF

#5E93E1 #837BFF

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

#5E93E1 - #837BFF | 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 #5E93E1 as 0% and #837BFF as 100%.

0.0%	0.0% #5E93E1	RGB 94 147 225	#5E93E1
16.7%	16.7% #648FE6	RGB 100 143 230	#648FE6
33.3%	33.3% #6A8BEB	RGB 106 139 235	#6A8BEB
50.0%	50.0% #7087F0	RGB 112 135 240	#7087F0
66.7%	66.7% #7683F5	RGB 118 131 245	#7683F5
83.3%	83.3% #7C7FFA	RGB 124 127 250	#7C7FFA
100.0%	100.0% #837BFF	RGB 131 123 255	#837BFF

#5E93E1 #648FE6 #6A8BEB #7087F0 #7683F5 #7C7FFA #837BFF

#5E93E1 - #837BFF

HSV Blend

#5E93E1 - #837BFF | 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 #5E93E1 as 0% and #837BFF as 100%.

0.0%	0.0% #5E92E1	RGB 94 146 225	#5E92E1
16.7%	16.7% #628DE6	RGB 98 141 230	#628DE6
33.3%	33.3% #6788EB	RGB 103 136 235	#6788EB
50.0%	50.0% #6C82F0	RGB 108 130 240	#6C82F0
66.7%	66.7% #707DF5	RGB 112 125 245	#707DF5
83.3%	83.3% #7578FA	RGB 117 120 250	#7578FA
100.0%	100.0% #837BFF	RGB 131 123 255	#837BFF

#5E92E1 #628DE6 #6788EB #6C82F0 #707DF5 #7578FA #837BFF

#5E93E1 - #6C82F0 - #837BFF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E92E1 0%, #6C82F0 50%, #837BFF 100%);
    background: -webkit-linear-gradient(top, #5E92E1 0%, #6C82F0 50%, #837BFF 100%);
    background: linear-gradient(to bottom, #5E92E1 0%, #6C82F0 50%, #837BFF 100%);
}
</style>