#702914 - #200B05 | 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 #702914 to #200B05

#702914 #200B05

Calculate the color between two colors, #702914 and #200B05. 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)

#702914 - #200B05 | 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 #702914 as 0% and #200B05 as 100%.

0.0%	0.0% #702914	RGB 112 41 20	#702914
16.7%	16.7% #622411	RGB 98 36 17	#622411
33.3%	33.3% #551F0F	RGB 85 31 15	#551F0F
50.0%	50.0% #481A0C	RGB 72 26 12	#481A0C
66.7%	66.7% #3A150A	RGB 58 21 10	#3A150A
83.3%	83.3% #2D1007	RGB 45 16 7	#2D1007
100.0%	100.0% #200B05	RGB 32 11 5	#200B05

#702914 #622411 #551F0F #481A0C #3A150A #2D1007 #200B05

#702914 - #200B05

HSV Blend

#702914 - #200B05 | 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 #702914 as 0% and #200B05 as 100%.

0.0%	0.0% #702913	RGB 112 41 19	#702913
16.7%	16.7% #622311	RGB 98 35 17	#622311
33.3%	33.3% #551E0E	RGB 85 30 14	#551E0E
50.0%	50.0% #48190C	RGB 72 25 12	#48190C
66.7%	66.7% #3A1409	RGB 58 20 9	#3A1409
83.3%	83.3% #2D0F07	RGB 45 15 7	#2D0F07
100.0%	100.0% #200B05	RGB 32 11 5	#200B05

#702913 #622311 #551E0E #48190C #3A1409 #2D0F07 #200B05

#702914 - #48190C - #200B05

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #702913 0%, #48190C 50%, #200B05 100%);
    background: -webkit-linear-gradient(top, #702913 0%, #48190C 50%, #200B05 100%);
    background: linear-gradient(to bottom, #702913 0%, #48190C 50%, #200B05 100%);
}
</style>