#5E7FFF - #1428C3 | 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 #5E7FFF to #1428C3

#5E7FFF #1428C3

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

#5E7FFF - #1428C3 | 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 #5E7FFF as 0% and #1428C3 as 100%.

0.0%	0.0% #5E7FFF	RGB 94 127 255	#5E7FFF
16.7%	16.7% #5170F5	RGB 81 112 245	#5170F5
33.3%	33.3% #4562EB	RGB 69 98 235	#4562EB
50.0%	50.0% #3953E1	RGB 57 83 225	#3953E1
66.7%	66.7% #2C45D7	RGB 44 69 215	#2C45D7
83.3%	83.3% #2036CD	RGB 32 54 205	#2036CD
100.0%	100.0% #1428C3	RGB 20 40 195	#1428C3

#5E7FFF #5170F5 #4562EB #3953E1 #2C45D7 #2036CD #1428C3

#5E7FFF - #1428C3

HSV Blend

#5E7FFF - #1428C3 | 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 #5E7FFF as 0% and #1428C3 as 100%.

0.0%	0.0% #5D7EFF	RGB 93 126 255	#5D7EFF
16.7%	16.7% #4F6EF5	RGB 79 110 245	#4F6EF5
33.3%	33.3% #415FEB	RGB 65 95 235	#415FEB
50.0%	50.0% #3550E1	RGB 53 80 225	#3550E1
66.7%	66.7% #2942D7	RGB 41 66 215	#2942D7
83.3%	83.3% #1E34CD	RGB 30 52 205	#1E34CD
100.0%	100.0% #1428C3	RGB 20 40 195	#1428C3

#5D7EFF #4F6EF5 #415FEB #3550E1 #2942D7 #1E34CD #1428C3

#5E7FFF - #3550E1 - #1428C3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D7EFF 0%, #3550E1 50%, #1428C3 100%);
    background: -webkit-linear-gradient(top, #5D7EFF 0%, #3550E1 50%, #1428C3 100%);
    background: linear-gradient(to bottom, #5D7EFF 0%, #3550E1 50%, #1428C3 100%);
}
</style>