#5A8C7A - #214B49 | 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 #5A8C7A to #214B49

#5A8C7A #214B49

Calculate the color between two colors, #5A8C7A and #214B49. 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)

#5A8C7A - #214B49 | 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 #5A8C7A as 0% and #214B49 as 100%.

0.0%	0.0% #5A8C7A	RGB 90 140 122	#5A8C7A
16.7%	16.7% #508171	RGB 80 129 113	#508171
33.3%	33.3% #477669	RGB 71 118 105	#477669
50.0%	50.0% #3D6B61	RGB 61 107 97	#3D6B61
66.7%	66.7% #346059	RGB 52 96 89	#346059
83.3%	83.3% #2A5551	RGB 42 85 81	#2A5551
100.0%	100.0% #214B49	RGB 33 75 73	#214B49

#5A8C7A #508171 #477669 #3D6B61 #346059 #2A5551 #214B49

#5A8C7A - #214B49

HSV Blend

#5A8C7A - #214B49 | 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 #5A8C7A as 0% and #214B49 as 100%.

0.0%	0.0% #5A8C7A	RGB 90 140 122	#5A8C7A
16.7%	16.7% #4E8171	RGB 78 129 113	#4E8171
33.3%	33.3% #447669	RGB 68 118 105	#447669
50.0%	50.0% #3A6B61	RGB 58 107 97	#3A6B61
66.7%	66.7% #316059	RGB 49 96 89	#316059
83.3%	83.3% #285551	RGB 40 85 81	#285551
100.0%	100.0% #214B49	RGB 33 75 73	#214B49

#5A8C7A #4E8171 #447669 #3A6B61 #316059 #285551 #214B49

#5A8C7A - #3A6B61 - #214B49

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5A8C7A 0%, #3A6B61 50%, #214B49 100%);
    background: -webkit-linear-gradient(top, #5A8C7A 0%, #3A6B61 50%, #214B49 100%);
    background: linear-gradient(to bottom, #5A8C7A 0%, #3A6B61 50%, #214B49 100%);
}
</style>