#5E7E8D - #22383E | 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 #5E7E8D to #22383E

#5E7E8D #22383E

Calculate the color between two colors, #5E7E8D and #22383E. 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)

#5E7E8D - #22383E | 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 #5E7E8D as 0% and #22383E as 100%.

0.0%	0.0% #5E7E8D	RGB 94 126 141	#5E7E8D
16.7%	16.7% #54727F	RGB 84 114 127	#54727F
33.3%	33.3% #4A6672	RGB 74 102 114	#4A6672
50.0%	50.0% #405B65	RGB 64 91 101	#405B65
66.7%	66.7% #364F58	RGB 54 79 88	#364F58
83.3%	83.3% #2C434B	RGB 44 67 75	#2C434B
100.0%	100.0% #22383E	RGB 34 56 62	#22383E

#5E7E8D #54727F #4A6672 #405B65 #364F58 #2C434B #22383E

#5E7E8D - #22383E

HSV Blend

#5E7E8D - #22383E | 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 #5E7E8D as 0% and #22383E as 100%.

0.0%	0.0% #5E7E8D	RGB 94 126 141	#5E7E8D
16.7%	16.7% #52727F	RGB 82 114 127	#52727F
33.3%	33.3% #476672	RGB 71 102 114	#476672
50.0%	50.0% #3D5A65	RGB 61 90 101	#3D5A65
66.7%	66.7% #334F58	RGB 51 79 88	#334F58
83.3%	83.3% #2A434B	RGB 42 67 75	#2A434B
100.0%	100.0% #22383E	RGB 34 56 62	#22383E

#5E7E8D #52727F #476672 #3D5A65 #334F58 #2A434B #22383E

#5E7E8D - #3D5A65 - #22383E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7E8D 0%, #3D5A65 50%, #22383E 100%);
    background: -webkit-linear-gradient(top, #5E7E8D 0%, #3D5A65 50%, #22383E 100%);
    background: linear-gradient(to bottom, #5E7E8D 0%, #3D5A65 50%, #22383E 100%);
}
</style>