#3C4347 - #8F7771 | 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 #3C4347 to #8F7771

#3C4347 #8F7771

Calculate the color between two colors, #3C4347 and #8F7771. 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)

#3C4347 - #8F7771 | 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 #3C4347 as 0% and #8F7771 as 100%.

0.0%	0.0% #3C4347	RGB 60 67 71	#3C4347
16.7%	16.7% #494B4E	RGB 73 75 78	#494B4E
33.3%	33.3% #575455	RGB 87 84 85	#575455
50.0%	50.0% #655D5C	RGB 101 93 92	#655D5C
66.7%	66.7% #736563	RGB 115 101 99	#736563
83.3%	83.3% #816E6A	RGB 129 110 106	#816E6A
100.0%	100.0% #8F7771	RGB 143 119 113	#8F7771

#3C4347 #494B4E #575455 #655D5C #736563 #816E6A #8F7771

#3C4347 - #8F7771

HSV Blend

#3C4347 - #8F7771 | 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 #3C4347 as 0% and #8F7771 as 100%.

0.0%	0.0% #3C4347	RGB 60 67 71	#3C4347
16.7%	16.7% #454753	RGB 69 71 83	#454753
33.3%	33.3% #534E5F	RGB 83 78 95	#534E5F
50.0%	50.0% #66576B	RGB 102 87 107	#66576B
66.7%	66.7% #776071	RGB 119 96 113	#776071
83.3%	83.3% #83686F	RGB 131 104 111	#83686F
100.0%	100.0% #8F7771	RGB 143 119 113	#8F7771

#3C4347 #454753 #534E5F #66576B #776071 #83686F #8F7771

#3C4347 - #66576B - #8F7771

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C4347 0%, #66576B 50%, #8F7771 100%);
    background: -webkit-linear-gradient(top, #3C4347 0%, #66576B 50%, #8F7771 100%);
    background: linear-gradient(to bottom, #3C4347 0%, #66576B 50%, #8F7771 100%);
}
</style>