#5E5CBF - #1A1A36 | 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 #5E5CBF to #1A1A36

#5E5CBF #1A1A36

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

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

0.0%	0.0% #5E5CBF	RGB 94 92 191	#5E5CBF
16.7%	16.7% #5251A8	RGB 82 81 168	#5251A8
33.3%	33.3% #474691	RGB 71 70 145	#474691
50.0%	50.0% #3C3B7A	RGB 60 59 122	#3C3B7A
66.7%	66.7% #303063	RGB 48 48 99	#303063
83.3%	83.3% #25254C	RGB 37 37 76	#25254C
100.0%	100.0% #1A1A36	RGB 26 26 54	#1A1A36

#5E5CBF #5251A8 #474691 #3C3B7A #303063 #25254C #1A1A36

#5E5CBF - #1A1A36

HSV Blend

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

0.0%	0.0% #5E5CBF	RGB 94 92 191	#5E5CBF
16.7%	16.7% #5250A8	RGB 82 80 168	#5250A8
33.3%	33.3% #474591	RGB 71 69 145	#474591
50.0%	50.0% #3B3A7A	RGB 59 58 122	#3B3A7A
66.7%	66.7% #302F63	RGB 48 47 99	#302F63
83.3%	83.3% #25244C	RGB 37 36 76	#25244C
100.0%	100.0% #1A1A36	RGB 26 26 54	#1A1A36

#5E5CBF #5250A8 #474591 #3B3A7A #302F63 #25244C #1A1A36

#5E5CBF - #3B3A7A - #1A1A36

CSS codes

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

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