#547171 - #182020 | 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 #547171 to #182020

#547171 #182020

Calculate the color between two colors, #547171 and #182020. 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)

#547171 - #182020 | 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 #547171 as 0% and #182020 as 100%.

0.0%	0.0% #547171	RGB 84 113 113	#547171
16.7%	16.7% #4A6363	RGB 74 99 99	#4A6363
33.3%	33.3% #405656	RGB 64 86 86	#405656
50.0%	50.0% #364848	RGB 54 72 72	#364848
66.7%	66.7% #2C3B3B	RGB 44 59 59	#2C3B3B
83.3%	83.3% #222D2D	RGB 34 45 45	#222D2D
100.0%	100.0% #182020	RGB 24 32 32	#182020

#547171 #4A6363 #405656 #364848 #2C3B3B #222D2D #182020

#547171 - #182020

HSV Blend

#547171 - #182020 | 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 #547171 as 0% and #182020 as 100%.

0.0%	0.0% #547171	RGB 84 113 113	#547171
16.7%	16.7% #4A6363	RGB 74 99 99	#4A6363
33.3%	33.3% #405656	RGB 64 86 86	#405656
50.0%	50.0% #364848	RGB 54 72 72	#364848
66.7%	66.7% #2C3B3B	RGB 44 59 59	#2C3B3B
83.3%	83.3% #222D2D	RGB 34 45 45	#222D2D
100.0%	100.0% #182020	RGB 24 32 32	#182020

#547171 #4A6363 #405656 #364848 #2C3B3B #222D2D #182020

#547171 - #364848 - #182020

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #547171 0%, #364848 50%, #182020 100%);
    background: -webkit-linear-gradient(top, #547171 0%, #364848 50%, #182020 100%);
    background: linear-gradient(to bottom, #547171 0%, #364848 50%, #182020 100%);
}
</style>