#5E56A2 - #1A182E | 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 #5E56A2 to #1A182E

#5E56A2 #1A182E

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

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

0.0%	0.0% #5E56A2	RGB 94 86 162	#5E56A2
16.7%	16.7% #524B8E	RGB 82 75 142	#524B8E
33.3%	33.3% #47417B	RGB 71 65 123	#47417B
50.0%	50.0% #3C3768	RGB 60 55 104	#3C3768
66.7%	66.7% #302C54	RGB 48 44 84	#302C54
83.3%	83.3% #252241	RGB 37 34 65	#252241
100.0%	100.0% #1A182E	RGB 26 24 46	#1A182E

#5E56A2 #524B8E #47417B #3C3768 #302C54 #252241 #1A182E

#5E56A2 - #1A182E

HSV Blend

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

0.0%	0.0% #5E56A2	RGB 94 86 162	#5E56A2
16.7%	16.7% #524B8E	RGB 82 75 142	#524B8E
33.3%	33.3% #46417B	RGB 70 65 123	#46417B
50.0%	50.0% #3B3668	RGB 59 54 104	#3B3668
66.7%	66.7% #302C54	RGB 48 44 84	#302C54
83.3%	83.3% #252241	RGB 37 34 65	#252241
100.0%	100.0% #1A182E	RGB 26 24 46	#1A182E

#5E56A2 #524B8E #46417B #3B3668 #302C54 #252241 #1A182E

#5E56A2 - #3B3668 - #1A182E

CSS codes

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

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