#5E5E83 - #172A34 | 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 #5E5E83 to #172A34

#5E5E83 #172A34

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

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

0.0%	0.0% #5E5E83	RGB 94 94 131	#5E5E83
16.7%	16.7% #525575	RGB 82 85 117	#525575
33.3%	33.3% #464C68	RGB 70 76 104	#464C68
50.0%	50.0% #3A445B	RGB 58 68 91	#3A445B
66.7%	66.7% #2E3B4E	RGB 46 59 78	#2E3B4E
83.3%	83.3% #223241	RGB 34 50 65	#223241
100.0%	100.0% #172A34	RGB 23 42 52	#172A34

#5E5E83 #525575 #464C68 #3A445B #2E3B4E #223241 #172A34

#5E5E83 - #172A34

HSV Blend

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

0.0%	0.0% #5E5E83	RGB 94 94 131	#5E5E83
16.7%	16.7% #4F5375	RGB 79 83 117	#4F5375
33.3%	33.3% #414A68	RGB 65 74 104	#414A68
50.0%	50.0% #35415B	RGB 53 65 91	#35415B
66.7%	66.7% #29394E	RGB 41 57 78	#29394E
83.3%	83.3% #1F3241	RGB 31 50 65	#1F3241
100.0%	100.0% #172A34	RGB 23 42 52	#172A34

#5E5E83 #4F5375 #414A68 #35415B #29394E #1F3241 #172A34

#5E5E83 - #35415B - #172A34

CSS codes

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

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