#5E7E7F - #21332E | 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 #5E7E7F to #21332E

#5E7E7F #21332E

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

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

0.0%	0.0% #5E7E7F	RGB 94 126 127	#5E7E7F
16.7%	16.7% #537171	RGB 83 113 113	#537171
33.3%	33.3% #496564	RGB 73 101 100	#496564
50.0%	50.0% #3F5856	RGB 63 88 86	#3F5856
66.7%	66.7% #354C49	RGB 53 76 73	#354C49
83.3%	83.3% #2B3F3B	RGB 43 63 59	#2B3F3B
100.0%	100.0% #21332E	RGB 33 51 46	#21332E

#5E7E7F #537171 #496564 #3F5856 #354C49 #2B3F3B #21332E

#5E7E7F - #21332E

HSV Blend

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

0.0%	0.0% #5E7E7F	RGB 94 126 127	#5E7E7F
16.7%	16.7% #527271	RGB 82 114 113	#527271
33.3%	33.3% #486563	RGB 72 101 99	#486563
50.0%	50.0% #3D5955	RGB 61 89 85	#3D5955
66.7%	66.7% #334C48	RGB 51 76 72	#334C48
83.3%	83.3% #2A3F3A	RGB 42 63 58	#2A3F3A
100.0%	100.0% #21332E	RGB 33 51 46	#21332E

#5E7E7F #527271 #486563 #3D5955 #334C48 #2A3F3A #21332E

#5E7E7F - #3D5955 - #21332E

CSS codes

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

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