#5E5E7C - #172A2F | 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 #5E5E7C to #172A2F

#5E5E7C #172A2F

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

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

0.0%	0.0% #5E5E7C	RGB 94 94 124	#5E5E7C
16.7%	16.7% #52556F	RGB 82 85 111	#52556F
33.3%	33.3% #464C62	RGB 70 76 98	#464C62
50.0%	50.0% #3A4455	RGB 58 68 85	#3A4455
66.7%	66.7% #2E3B48	RGB 46 59 72	#2E3B48
83.3%	83.3% #22323B	RGB 34 50 59	#22323B
100.0%	100.0% #172A2F	RGB 23 42 47	#172A2F

#5E5E7C #52556F #464C62 #3A4455 #2E3B48 #22323B #172A2F

#5E5E7C - #172A2F

HSV Blend

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

0.0%	0.0% #5E5E7C	RGB 94 94 124	#5E5E7C
16.7%	16.7% #4F536F	RGB 79 83 111	#4F536F
33.3%	33.3% #414A62	RGB 65 74 98	#414A62
50.0%	50.0% #354255	RGB 53 66 85	#354255
66.7%	66.7% #2A3A48	RGB 42 58 72	#2A3A48
83.3%	83.3% #1F323B	RGB 31 50 59	#1F323B
100.0%	100.0% #172A2F	RGB 23 42 47	#172A2F

#5E5E7C #4F536F #414A62 #354255 #2A3A48 #1F323B #172A2F

#5E5E7C - #354255 - #172A2F

CSS codes

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

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