#390700 - #8C2A30 | 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 #390700 to #8C2A30

#390700 #8C2A30

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

#390700 - #8C2A30 | 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 #390700 as 0% and #8C2A30 as 100%.

0.0%	0.0% #390700	RGB 57 7 0	#390700
16.7%	16.7% #460C08	RGB 70 12 8	#460C08
33.3%	33.3% #541210	RGB 84 18 16	#541210
50.0%	50.0% #621818	RGB 98 24 24	#621818
66.7%	66.7% #701E20	RGB 112 30 32	#701E20
83.3%	83.3% #7E2428	RGB 126 36 40	#7E2428
100.0%	100.0% #8C2A30	RGB 140 42 48	#8C2A30

#390700 #460C08 #541210 #621818 #701E20 #7E2428 #8C2A30

#390700 - #8C2A30

HSV Blend

#390700 - #8C2A30 | 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 #390700 as 0% and #8C2A30 as 100%.

0.0%	0.0% #390700	RGB 57 7 0	#390700
16.7%	16.7% #460903	RGB 70 9 3	#460903
33.3%	33.3% #540D08	RGB 84 13 8	#540D08
50.0%	50.0% #62110E	RGB 98 17 14	#62110E
66.7%	66.7% #701616	RGB 112 22 22	#701616
83.3%	83.3% #7E1F22	RGB 126 31 34	#7E1F22
100.0%	100.0% #8C2A30	RGB 140 42 48	#8C2A30

#390700 #460903 #540D08 #62110E #701616 #7E1F22 #8C2A30

#390700 - #62110E - #8C2A30

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #390700 0%, #62110E 50%, #8C2A30 100%);
    background: -webkit-linear-gradient(top, #390700 0%, #62110E 50%, #8C2A30 100%);
    background: linear-gradient(to bottom, #390700 0%, #62110E 50%, #8C2A30 100%);
}
</style>