#473F3C - #718A8F | 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 #473F3C to #718A8F

#473F3C #718A8F

Calculate the color between two colors, #473F3C and #718A8F. 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)

#473F3C - #718A8F | 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 #473F3C as 0% and #718A8F as 100%.

0.0%	0.0% #473F3C	RGB 71 63 60	#473F3C
16.7%	16.7% #4E4B49	RGB 78 75 73	#4E4B49
33.3%	33.3% #555857	RGB 85 88 87	#555857
50.0%	50.0% #5C6465	RGB 92 100 101	#5C6465
66.7%	66.7% #637173	RGB 99 113 115	#637173
83.3%	83.3% #6A7D81	RGB 106 125 129	#6A7D81
100.0%	100.0% #718A8F	RGB 113 138 143	#718A8F

#473F3C #4E4B49 #555857 #5C6465 #637173 #6A7D81 #718A8F

#473F3C - #718A8F

HSV Blend

#473F3C - #718A8F | 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 #473F3C as 0% and #718A8F as 100%.

0.0%	0.0% #473F3C	RGB 71 63 60	#473F3C
16.7%	16.7% #534F45	RGB 83 79 69	#534F45
33.3%	33.3% #5B5F4E	RGB 91 95 78	#5B5F4E
50.0%	50.0% #5C6B57	RGB 92 107 87	#5C6B57
66.7%	66.7% #607764	RGB 96 119 100	#607764
83.3%	83.3% #68837A	RGB 104 131 122	#68837A
100.0%	100.0% #718A8F	RGB 113 138 143	#718A8F

#473F3C #534F45 #5B5F4E #5C6B57 #607764 #68837A #718A8F

#473F3C - #5C6B57 - #718A8F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #473F3C 0%, #5C6B57 50%, #718A8F 100%);
    background: -webkit-linear-gradient(top, #473F3C 0%, #5C6B57 50%, #718A8F 100%);
    background: linear-gradient(to bottom, #473F3C 0%, #5C6B57 50%, #718A8F 100%);
}
</style>