#71300C - #3E1809 | 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 #71300C to #3E1809

#71300C #3E1809

Calculate the color between two colors, #71300C and #3E1809. 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)

#71300C - #3E1809 | 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 #71300C as 0% and #3E1809 as 100%.

0.0%	0.0% #71300C	RGB 113 48 12	#71300C
16.7%	16.7% #682C0B	RGB 104 44 11	#682C0B
33.3%	33.3% #60280B	RGB 96 40 11	#60280B
50.0%	50.0% #57240A	RGB 87 36 10	#57240A
66.7%	66.7% #4F200A	RGB 79 32 10	#4F200A
83.3%	83.3% #461C09	RGB 70 28 9	#461C09
100.0%	100.0% #3E1809	RGB 62 24 9	#3E1809

#71300C #682C0B #60280B #57240A #4F200A #461C09 #3E1809

#71300C - #3E1809

HSV Blend

#71300C - #3E1809 | 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 #71300C as 0% and #3E1809 as 100%.

0.0%	0.0% #71300B	RGB 113 48 11	#71300B
16.7%	16.7% #682B0B	RGB 104 43 11	#682B0B
33.3%	33.3% #60270B	RGB 96 39 11	#60270B
50.0%	50.0% #57230A	RGB 87 35 10	#57230A
66.7%	66.7% #4F1F0A	RGB 79 31 10	#4F1F0A
83.3%	83.3% #461B09	RGB 70 27 9	#461B09
100.0%	100.0% #3E1809	RGB 62 24 9	#3E1809

#71300B #682B0B #60270B #57230A #4F1F0A #461B09 #3E1809

#71300C - #57230A - #3E1809

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #71300B 0%, #57230A 50%, #3E1809 100%);
    background: -webkit-linear-gradient(top, #71300B 0%, #57230A 50%, #3E1809 100%);
    background: linear-gradient(to bottom, #71300B 0%, #57230A 50%, #3E1809 100%);
}
</style>