#5E8C8D - #223E3B | 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 #5E8C8D to #223E3B

#5E8C8D #223E3B

Calculate the color between two colors, #5E8C8D and #223E3B. 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)

#5E8C8D - #223E3B | 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 #5E8C8D as 0% and #223E3B as 100%.

0.0%	0.0% #5E8C8D	RGB 94 140 141	#5E8C8D
16.7%	16.7% #547F7F	RGB 84 127 127	#547F7F
33.3%	33.3% #4A7271	RGB 74 114 113	#4A7271
50.0%	50.0% #406564	RGB 64 101 100	#406564
66.7%	66.7% #365856	RGB 54 88 86	#365856
83.3%	83.3% #2C4B48	RGB 44 75 72	#2C4B48
100.0%	100.0% #223E3B	RGB 34 62 59	#223E3B

#5E8C8D #547F7F #4A7271 #406564 #365856 #2C4B48 #223E3B

#5E8C8D - #223E3B

HSV Blend

#5E8C8D - #223E3B | 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 #5E8C8D as 0% and #223E3B as 100%.

0.0%	0.0% #5E8C8D	RGB 94 140 141	#5E8C8D
16.7%	16.7% #527F7F	RGB 82 127 127	#527F7F
33.3%	33.3% #477271	RGB 71 114 113	#477271
50.0%	50.0% #3D6563	RGB 61 101 99	#3D6563
66.7%	66.7% #335855	RGB 51 88 85	#335855
83.3%	83.3% #2A4B48	RGB 42 75 72	#2A4B48
100.0%	100.0% #223E3B	RGB 34 62 59	#223E3B

#5E8C8D #527F7F #477271 #3D6563 #335855 #2A4B48 #223E3B

#5E8C8D - #3D6563 - #223E3B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E8C8D 0%, #3D6563 50%, #223E3B 100%);
    background: -webkit-linear-gradient(top, #5E8C8D 0%, #3D6563 50%, #223E3B 100%);
    background: linear-gradient(to bottom, #5E8C8D 0%, #3D6563 50%, #223E3B 100%);
}
</style>