#5D5E6D - #172A27 | 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 #5D5E6D to #172A27

#5D5E6D #172A27

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

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

0.0%	0.0% #5D5E6D	RGB 93 94 109	#5D5E6D
16.7%	16.7% #515561	RGB 81 85 97	#515561
33.3%	33.3% #454C55	RGB 69 76 85	#454C55
50.0%	50.0% #3A444A	RGB 58 68 74	#3A444A
66.7%	66.7% #2E3B3E	RGB 46 59 62	#2E3B3E
83.3%	83.3% #223232	RGB 34 50 50	#223232
100.0%	100.0% #172A27	RGB 23 42 39	#172A27

#5D5E6D #515561 #454C55 #3A444A #2E3B3E #223232 #172A27

#5D5E6D - #172A27

HSV Blend

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

0.0%	0.0% #5D5E6D	RGB 93 94 109	#5D5E6D
16.7%	16.7% #4E5361	RGB 78 83 97	#4E5361
33.3%	33.3% #414A56	RGB 65 74 86	#414A56
50.0%	50.0% #34424B	RGB 52 66 75	#34424B
66.7%	66.7% #293B40	RGB 41 59 64	#293B40
83.3%	83.3% #1F3435	RGB 31 52 53	#1F3435
100.0%	100.0% #172A27	RGB 23 42 39	#172A27

#5D5E6D #4E5361 #414A56 #34424B #293B40 #1F3435 #172A27

#5D5E6D - #34424B - #172A27

CSS codes

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

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