#3E0300 - #792A1D | 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 #3E0300 to #792A1D

#3E0300 #792A1D

Calculate the color between two colors, #3E0300 and #792A1D. 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)

#3E0300 - #792A1D | 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 #3E0300 as 0% and #792A1D as 100%.

0.0%	0.0% #3E0300	RGB 62 3 0	#3E0300
16.7%	16.7% #470904	RGB 71 9 4	#470904
33.3%	33.3% #511009	RGB 81 16 9	#511009
50.0%	50.0% #5B160E	RGB 91 22 14	#5B160E
66.7%	66.7% #651D13	RGB 101 29 19	#651D13
83.3%	83.3% #6F2318	RGB 111 35 24	#6F2318
100.0%	100.0% #792A1D	RGB 121 42 29	#792A1D

#3E0300 #470904 #511009 #5B160E #651D13 #6F2318 #792A1D

#3E0300 - #792A1D

HSV Blend

#3E0300 - #792A1D | 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 #3E0300 as 0% and #792A1D as 100%.

0.0%	0.0% #3E0300	RGB 62 3 0	#3E0300
16.7%	16.7% #470702	RGB 71 7 2	#470702
33.3%	33.3% #510C06	RGB 81 12 6	#510C06
50.0%	50.0% #5B120A	RGB 91 18 10	#5B120A
66.7%	66.7% #651910	RGB 101 25 16	#651910
83.3%	83.3% #6F2116	RGB 111 33 22	#6F2116
100.0%	100.0% #792A1D	RGB 121 42 29	#792A1D

#3E0300 #470702 #510C06 #5B120A #651910 #6F2116 #792A1D

#3E0300 - #5B120A - #792A1D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E0300 0%, #5B120A 50%, #792A1D 100%);
    background: -webkit-linear-gradient(top, #3E0300 0%, #5B120A 50%, #792A1D 100%);
    background: linear-gradient(to bottom, #3E0300 0%, #5B120A 50%, #792A1D 100%);
}
</style>