#5E5B7A - #1A1922 | 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 #5E5B7A to #1A1922

#5E5B7A #1A1922

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

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

0.0%	0.0% #5E5B7A	RGB 94 91 122	#5E5B7A
16.7%	16.7% #52506B	RGB 82 80 107	#52506B
33.3%	33.3% #47455C	RGB 71 69 92	#47455C
50.0%	50.0% #3C3A4E	RGB 60 58 78	#3C3A4E
66.7%	66.7% #302F3F	RGB 48 47 63	#302F3F
83.3%	83.3% #252430	RGB 37 36 48	#252430
100.0%	100.0% #1A1922	RGB 26 25 34	#1A1922

#5E5B7A #52506B #47455C #3C3A4E #302F3F #252430 #1A1922

#5E5B7A - #1A1922

HSV Blend

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

0.0%	0.0% #5E5B7A	RGB 94 91 122	#5E5B7A
16.7%	16.7% #524F6B	RGB 82 79 107	#524F6B
33.3%	33.3% #47445C	RGB 71 68 92	#47445C
50.0%	50.0% #3B394E	RGB 59 57 78	#3B394E
66.7%	66.7% #302E3F	RGB 48 46 63	#302E3F
83.3%	83.3% #252330	RGB 37 35 48	#252330
100.0%	100.0% #1A1922	RGB 26 25 34	#1A1922

#5E5B7A #524F6B #47445C #3B394E #302E3F #252330 #1A1922

#5E5B7A - #3B394E - #1A1922

CSS codes

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

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