#C77D5E - #38231A | 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 #C77D5E to #38231A

#C77D5E #38231A

Calculate the color between two colors, #C77D5E and #38231A. 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)

#C77D5E - #38231A | 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 #C77D5E as 0% and #38231A as 100%.

0.0%	0.0% #C77D5E	RGB 199 125 94	#C77D5E
16.7%	16.7% #AF6E52	RGB 175 110 82	#AF6E52
33.3%	33.3% #975F47	RGB 151 95 71	#975F47
50.0%	50.0% #7F503C	RGB 127 80 60	#7F503C
66.7%	66.7% #674130	RGB 103 65 48	#674130
83.3%	83.3% #4F3225	RGB 79 50 37	#4F3225
100.0%	100.0% #38231A	RGB 56 35 26	#38231A

#C77D5E #AF6E52 #975F47 #7F503C #674130 #4F3225 #38231A

#C77D5E - #38231A

HSV Blend

#C77D5E - #38231A | 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 #C77D5E as 0% and #38231A as 100%.

0.0%	0.0% #C77D5E	RGB 199 125 94	#C77D5E
16.7%	16.7% #AF6D52	RGB 175 109 82	#AF6D52
33.3%	33.3% #975E47	RGB 151 94 71	#975E47
50.0%	50.0% #7F4F3B	RGB 127 79 59	#7F4F3B
66.7%	66.7% #674030	RGB 103 64 48	#674030
83.3%	83.3% #4F3125	RGB 79 49 37	#4F3125
100.0%	100.0% #38231A	RGB 56 35 26	#38231A

#C77D5E #AF6D52 #975E47 #7F4F3B #674030 #4F3125 #38231A

#C77D5E - #7F4F3B - #38231A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C77D5E 0%, #7F4F3B 50%, #38231A 100%);
    background: -webkit-linear-gradient(top, #C77D5E 0%, #7F4F3B 50%, #38231A 100%);
    background: linear-gradient(to bottom, #C77D5E 0%, #7F4F3B 50%, #38231A 100%);
}
</style>