#5E5E67 - #1E1736 | 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 #5E5E67 to #1E1736

#5E5E67 #1E1736

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

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

0.0%	0.0% #5E5E67	RGB 94 94 103	#5E5E67
16.7%	16.7% #53525E	RGB 83 82 94	#53525E
33.3%	33.3% #484656	RGB 72 70 86	#484656
50.0%	50.0% #3E3A4E	RGB 62 58 78	#3E3A4E
66.7%	66.7% #332E46	RGB 51 46 70	#332E46
83.3%	83.3% #28223E	RGB 40 34 62	#28223E
100.0%	100.0% #1E1736	RGB 30 23 54	#1E1736

#5E5E67 #53525E #484656 #3E3A4E #332E46 #28223E #1E1736

#5E5E67 - #1E1736

HSV Blend

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

0.0%	0.0% #5E5E67	RGB 94 94 103	#5E5E67
16.7%	16.7% #4F4E5E	RGB 79 78 94	#4F4E5E
33.3%	33.3% #424156	RGB 66 65 86	#424156
50.0%	50.0% #37344E	RGB 55 52 78	#37344E
66.7%	66.7% #2D2946	RGB 45 41 70	#2D2946
83.3%	83.3% #251F3E	RGB 37 31 62	#251F3E
100.0%	100.0% #1E1736	RGB 30 23 54	#1E1736

#5E5E67 #4F4E5E #424156 #37344E #2D2946 #251F3E #1E1736

#5E5E67 - #37344E - #1E1736

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E67 0%, #37344E 50%, #1E1736 100%);
    background: -webkit-linear-gradient(top, #5E5E67 0%, #37344E 50%, #1E1736 100%);
    background: linear-gradient(to bottom, #5E5E67 0%, #37344E 50%, #1E1736 100%);
}
</style>