#5E5E7F - #172A31 | 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 #5E5E7F to #172A31

#5E5E7F #172A31

Calculate the color between two colors, #5E5E7F and #172A31. 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)

#5E5E7F - #172A31 | 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 #5E5E7F as 0% and #172A31 as 100%.

0.0%	0.0% #5E5E7F	RGB 94 94 127	#5E5E7F
16.7%	16.7% #525572	RGB 82 85 114	#525572
33.3%	33.3% #464C65	RGB 70 76 101	#464C65
50.0%	50.0% #3A4458	RGB 58 68 88	#3A4458
66.7%	66.7% #2E3B4B	RGB 46 59 75	#2E3B4B
83.3%	83.3% #22323E	RGB 34 50 62	#22323E
100.0%	100.0% #172A31	RGB 23 42 49	#172A31

#5E5E7F #525572 #464C65 #3A4458 #2E3B4B #22323E #172A31

#5E5E7F - #172A31

HSV Blend

#5E5E7F - #172A31 | 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 #5E5E7F as 0% and #172A31 as 100%.

0.0%	0.0% #5E5E7F	RGB 94 94 127	#5E5E7F
16.7%	16.7% #4F5372	RGB 79 83 114	#4F5372
33.3%	33.3% #414A65	RGB 65 74 101	#414A65
50.0%	50.0% #354158	RGB 53 65 88	#354158
66.7%	66.7% #293A4B	RGB 41 58 75	#293A4B
83.3%	83.3% #1F323E	RGB 31 50 62	#1F323E
100.0%	100.0% #172A31	RGB 23 42 49	#172A31

#5E5E7F #4F5372 #414A65 #354158 #293A4B #1F323E #172A31

#5E5E7F - #354158 - #172A31

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E7F 0%, #354158 50%, #172A31 100%);
    background: -webkit-linear-gradient(top, #5E5E7F 0%, #354158 50%, #172A31 100%);
    background: linear-gradient(to bottom, #5E5E7F 0%, #354158 50%, #172A31 100%);
}
</style>