#5E55D3 - #1A183C | 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 #5E55D3 to #1A183C

#5E55D3 #1A183C

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

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

0.0%	0.0% #5E55D3	RGB 94 85 211	#5E55D3
16.7%	16.7% #524AB9	RGB 82 74 185	#524AB9
33.3%	33.3% #4740A0	RGB 71 64 160	#4740A0
50.0%	50.0% #3C3687	RGB 60 54 135	#3C3687
66.7%	66.7% #302C6E	RGB 48 44 110	#302C6E
83.3%	83.3% #252255	RGB 37 34 85	#252255
100.0%	100.0% #1A183C	RGB 26 24 60	#1A183C

#5E55D3 #524AB9 #4740A0 #3C3687 #302C6E #252255 #1A183C

#5E55D3 - #1A183C

HSV Blend

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

0.0%	0.0% #5D55D3	RGB 93 85 211	#5D55D3
16.7%	16.7% #524AB9	RGB 82 74 185	#524AB9
33.3%	33.3% #4640A0	RGB 70 64 160	#4640A0
50.0%	50.0% #3B3687	RGB 59 54 135	#3B3687
66.7%	66.7% #302C6E	RGB 48 44 110	#302C6E
83.3%	83.3% #252255	RGB 37 34 85	#252255
100.0%	100.0% #1A183C	RGB 26 24 60	#1A183C

#5D55D3 #524AB9 #4640A0 #3B3687 #302C6E #252255 #1A183C

#5E55D3 - #3B3687 - #1A183C

CSS codes

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

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