#5E5CE8 - #1A1A42 | 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 #5E5CE8 to #1A1A42

#5E5CE8 #1A1A42

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

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

0.0%	0.0% #5E5CE8	RGB 94 92 232	#5E5CE8
16.7%	16.7% #5251CC	RGB 82 81 204	#5251CC
33.3%	33.3% #4746B0	RGB 71 70 176	#4746B0
50.0%	50.0% #3C3B95	RGB 60 59 149	#3C3B95
66.7%	66.7% #303079	RGB 48 48 121	#303079
83.3%	83.3% #25255D	RGB 37 37 93	#25255D
100.0%	100.0% #1A1A42	RGB 26 26 66	#1A1A42

#5E5CE8 #5251CC #4746B0 #3C3B95 #303079 #25255D #1A1A42

#5E5CE8 - #1A1A42

HSV Blend

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

0.0%	0.0% #5D5CE8	RGB 93 92 232	#5D5CE8
16.7%	16.7% #5250CC	RGB 82 80 204	#5250CC
33.3%	33.3% #4645B0	RGB 70 69 176	#4645B0
50.0%	50.0% #3B3A95	RGB 59 58 149	#3B3A95
66.7%	66.7% #302F79	RGB 48 47 121	#302F79
83.3%	83.3% #25245D	RGB 37 36 93	#25245D
100.0%	100.0% #1A1A42	RGB 26 26 66	#1A1A42

#5D5CE8 #5250CC #4645B0 #3B3A95 #302F79 #25245D #1A1A42

#5E5CE8 - #3B3A95 - #1A1A42

CSS codes

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

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