#5E66C3 - #1A1D37 | 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 #5E66C3 to #1A1D37

#5E66C3 #1A1D37

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

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

0.0%	0.0% #5E66C3	RGB 94 102 195	#5E66C3
16.7%	16.7% #5259AB	RGB 82 89 171	#5259AB
33.3%	33.3% #474D94	RGB 71 77 148	#474D94
50.0%	50.0% #3C417D	RGB 60 65 125	#3C417D
66.7%	66.7% #303565	RGB 48 53 101	#303565
83.3%	83.3% #25294E	RGB 37 41 78	#25294E
100.0%	100.0% #1A1D37	RGB 26 29 55	#1A1D37

#5E66C3 #5259AB #474D94 #3C417D #303565 #25294E #1A1D37

#5E66C3 - #1A1D37

HSV Blend

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

0.0%	0.0% #5E66C3	RGB 94 102 195	#5E66C3
16.7%	16.7% #5259AB	RGB 82 89 171	#5259AB
33.3%	33.3% #474D94	RGB 71 77 148	#474D94
50.0%	50.0% #3B417D	RGB 59 65 125	#3B417D
66.7%	66.7% #303565	RGB 48 53 101	#303565
83.3%	83.3% #25294E	RGB 37 41 78	#25294E
100.0%	100.0% #1A1D37	RGB 26 29 55	#1A1D37

#5E66C3 #5259AB #474D94 #3B417D #303565 #25294E #1A1D37

#5E66C3 - #3B417D - #1A1D37

CSS codes

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

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