#5E76FD - #1421BE | 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 #5E76FD to #1421BE

#5E76FD #1421BE

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

#5E76FD - #1421BE | 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 #5E76FD as 0% and #1421BE as 100%.

0.0%	0.0% #5E76FD	RGB 94 118 253	#5E76FD
16.7%	16.7% #5167F2	RGB 81 103 242	#5167F2
33.3%	33.3% #4559E8	RGB 69 89 232	#4559E8
50.0%	50.0% #394BDD	RGB 57 75 221	#394BDD
66.7%	66.7% #2C3DD3	RGB 44 61 211	#2C3DD3
83.3%	83.3% #202FC8	RGB 32 47 200	#202FC8
100.0%	100.0% #1421BE	RGB 20 33 190	#1421BE

#5E76FD #5167F2 #4559E8 #394BDD #2C3DD3 #202FC8 #1421BE

#5E76FD - #1421BE

HSV Blend

#5E76FD - #1421BE | 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 #5E76FD as 0% and #1421BE as 100%.

0.0%	0.0% #5E76FD	RGB 94 118 253	#5E76FD
16.7%	16.7% #4F65F2	RGB 79 101 242	#4F65F2
33.3%	33.3% #4156E8	RGB 65 86 232	#4156E8
50.0%	50.0% #3447DD	RGB 52 71 221	#3447DD
66.7%	66.7% #283AD3	RGB 40 58 211	#283AD3
83.3%	83.3% #1E2DC8	RGB 30 45 200	#1E2DC8
100.0%	100.0% #1421BE	RGB 20 33 190	#1421BE

#5E76FD #4F65F2 #4156E8 #3447DD #283AD3 #1E2DC8 #1421BE

#5E76FD - #3447DD - #1421BE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E76FD 0%, #3447DD 50%, #1421BE 100%);
    background: -webkit-linear-gradient(top, #5E76FD 0%, #3447DD 50%, #1421BE 100%);
    background: linear-gradient(to bottom, #5E76FD 0%, #3447DD 50%, #1421BE 100%);
}
</style>