#5E69C3 - #1A266E | 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 #5E69C3 to #1A266E

#5E69C3 #1A266E

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

#5E69C3 - #1A266E | 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 #5E69C3 as 0% and #1A266E as 100%.

0.0%	0.0% #5E69C3	RGB 94 105 195	#5E69C3
16.7%	16.7% #525DB4	RGB 82 93 180	#525DB4
33.3%	33.3% #4752A6	RGB 71 82 166	#4752A6
50.0%	50.0% #3C4798	RGB 60 71 152	#3C4798
66.7%	66.7% #303C8A	RGB 48 60 138	#303C8A
83.3%	83.3% #25317C	RGB 37 49 124	#25317C
100.0%	100.0% #1A266E	RGB 26 38 110	#1A266E

#5E69C3 #525DB4 #4752A6 #3C4798 #303C8A #25317C #1A266E

#5E69C3 - #1A266E

HSV Blend

#5E69C3 - #1A266E | 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 #5E69C3 as 0% and #1A266E as 100%.

0.0%	0.0% #5E68C3	RGB 94 104 195	#5E68C3
16.7%	16.7% #4F5BB4	RGB 79 91 180	#4F5BB4
33.3%	33.3% #424EA6	RGB 66 78 166	#424EA6
50.0%	50.0% #364398	RGB 54 67 152	#364398
66.7%	66.7% #2C388A	RGB 44 56 138	#2C388A
83.3%	83.3% #222E7C	RGB 34 46 124	#222E7C
100.0%	100.0% #1A266E	RGB 26 38 110	#1A266E

#5E68C3 #4F5BB4 #424EA6 #364398 #2C388A #222E7C #1A266E

#5E69C3 - #364398 - #1A266E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E68C3 0%, #364398 50%, #1A266E 100%);
    background: -webkit-linear-gradient(top, #5E68C3 0%, #364398 50%, #1A266E 100%);
    background: linear-gradient(to bottom, #5E68C3 0%, #364398 50%, #1A266E 100%);
}
</style>