#473E5E - #887E81 | 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 #473E5E to #887E81

#473E5E #887E81

Calculate the color between two colors, #473E5E and #887E81. 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)

#473E5E - #887E81 | 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 #473E5E as 0% and #887E81 as 100%.

0.0%	0.0% #473E5E	RGB 71 62 94	#473E5E
16.7%	16.7% #514863	RGB 81 72 99	#514863
33.3%	33.3% #5C5369	RGB 92 83 105	#5C5369
50.0%	50.0% #675E6F	RGB 103 94 111	#675E6F
66.7%	66.7% #726875	RGB 114 104 117	#726875
83.3%	83.3% #7D737B	RGB 125 115 123	#7D737B
100.0%	100.0% #887E81	RGB 136 126 129	#887E81

#473E5E #514863 #5C5369 #675E6F #726875 #7D737B #887E81

#473E5E - #887E81

HSV Blend

#473E5E - #887E81 | 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 #473E5E as 0% and #887E81 as 100%.

0.0%	0.0% #473E5E	RGB 71 62 94	#473E5E
16.7%	16.7% #564765	RGB 86 71 101	#564765
33.3%	33.3% #65506C	RGB 101 80 108	#65506C
50.0%	50.0% #725B73	RGB 114 91 115	#725B73
66.7%	66.7% #7A6675	RGB 122 102 117	#7A6675
83.3%	83.3% #817179	RGB 129 113 121	#817179
100.0%	100.0% #887E81	RGB 136 126 129	#887E81

#473E5E #564765 #65506C #725B73 #7A6675 #817179 #887E81

#473E5E - #725B73 - #887E81

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #473E5E 0%, #725B73 50%, #887E81 100%);
    background: -webkit-linear-gradient(top, #473E5E 0%, #725B73 50%, #887E81 100%);
    background: linear-gradient(to bottom, #473E5E 0%, #725B73 50%, #887E81 100%);
}
</style>