#5E51C5 - #1A1738 | 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 #5E51C5 to #1A1738

#5E51C5 #1A1738

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

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

0.0%	0.0% #5E51C5	RGB 94 81 197	#5E51C5
16.7%	16.7% #5247AD	RGB 82 71 173	#5247AD
33.3%	33.3% #473D96	RGB 71 61 150	#473D96
50.0%	50.0% #3C347E	RGB 60 52 126	#3C347E
66.7%	66.7% #302A67	RGB 48 42 103	#302A67
83.3%	83.3% #25204F	RGB 37 32 79	#25204F
100.0%	100.0% #1A1738	RGB 26 23 56	#1A1738

#5E51C5 #5247AD #473D96 #3C347E #302A67 #25204F #1A1738

#5E51C5 - #1A1738

HSV Blend

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

0.0%	0.0% #5E51C5	RGB 94 81 197	#5E51C5
16.7%	16.7% #5247AD	RGB 82 71 173	#5247AD
33.3%	33.3% #463D96	RGB 70 61 150	#463D96
50.0%	50.0% #3B337E	RGB 59 51 126	#3B337E
66.7%	66.7% #302A67	RGB 48 42 103	#302A67
83.3%	83.3% #25204F	RGB 37 32 79	#25204F
100.0%	100.0% #1A1738	RGB 26 23 56	#1A1738

#5E51C5 #5247AD #463D96 #3B337E #302A67 #25204F #1A1738

#5E51C5 - #3B337E - #1A1738

CSS codes

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

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