#5E708D - #22303E | 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 #5E708D to #22303E

#5E708D #22303E

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

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

0.0%	0.0% #5E708D	RGB 94 112 141	#5E708D
16.7%	16.7% #54657F	RGB 84 101 127	#54657F
33.3%	33.3% #4A5A72	RGB 74 90 114	#4A5A72
50.0%	50.0% #405065	RGB 64 80 101	#405065
66.7%	66.7% #364558	RGB 54 69 88	#364558
83.3%	83.3% #2C3A4B	RGB 44 58 75	#2C3A4B
100.0%	100.0% #22303E	RGB 34 48 62	#22303E

#5E708D #54657F #4A5A72 #405065 #364558 #2C3A4B #22303E

#5E708D - #22303E

HSV Blend

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

0.0%	0.0% #5E708D	RGB 94 112 141	#5E708D
16.7%	16.7% #52647F	RGB 82 100 127	#52647F
33.3%	33.3% #475972	RGB 71 89 114	#475972
50.0%	50.0% #3D4F65	RGB 61 79 101	#3D4F65
66.7%	66.7% #334458	RGB 51 68 88	#334458
83.3%	83.3% #2A3A4B	RGB 42 58 75	#2A3A4B
100.0%	100.0% #22303E	RGB 34 48 62	#22303E

#5E708D #52647F #475972 #3D4F65 #334458 #2A3A4B #22303E

#5E708D - #3D4F65 - #22303E

CSS codes

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

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