#5E46BA - #1A1435 | 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 #5E46BA to #1A1435

#5E46BA #1A1435

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

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

0.0%	0.0% #5E46BA	RGB 94 70 186	#5E46BA
16.7%	16.7% #523DA3	RGB 82 61 163	#523DA3
33.3%	33.3% #47358D	RGB 71 53 141	#47358D
50.0%	50.0% #3C2D77	RGB 60 45 119	#3C2D77
66.7%	66.7% #302461	RGB 48 36 97	#302461
83.3%	83.3% #251C4B	RGB 37 28 75	#251C4B
100.0%	100.0% #1A1435	RGB 26 20 53	#1A1435

#5E46BA #523DA3 #47358D #3C2D77 #302461 #251C4B #1A1435

#5E46BA - #1A1435

HSV Blend

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

0.0%	0.0% #5D46BA	RGB 93 70 186	#5D46BA
16.7%	16.7% #523DA3	RGB 82 61 163	#523DA3
33.3%	33.3% #46358D	RGB 70 53 141	#46358D
50.0%	50.0% #3B2D77	RGB 59 45 119	#3B2D77
66.7%	66.7% #302461	RGB 48 36 97	#302461
83.3%	83.3% #251C4B	RGB 37 28 75	#251C4B
100.0%	100.0% #1A1435	RGB 26 20 53	#1A1435

#5D46BA #523DA3 #46358D #3B2D77 #302461 #251C4B #1A1435

#5E46BA - #3B2D77 - #1A1435

CSS codes

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

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