#301010 - #76453C | 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 #301010 to #76453C

#301010 #76453C

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

#301010 - #76453C | 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 #301010 as 0% and #76453C as 100%.

0.0%	0.0% #301010	RGB 48 16 16	#301010
16.7%	16.7% #3B1817	RGB 59 24 23	#3B1817
33.3%	33.3% #47211E	RGB 71 33 30	#47211E
50.0%	50.0% #532A26	RGB 83 42 38	#532A26
66.7%	66.7% #5E332D	RGB 94 51 45	#5E332D
83.3%	83.3% #6A3C34	RGB 106 60 52	#6A3C34
100.0%	100.0% #76453C	RGB 118 69 60	#76453C

#301010 #3B1817 #47211E #532A26 #5E332D #6A3C34 #76453C

#301010 - #76453C

HSV Blend

#301010 - #76453C | 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 #301010 as 0% and #76453C as 100%.

0.0%	0.0% #301010	RGB 48 16 16	#301010
16.7%	16.7% #3B1615	RGB 59 22 21	#3B1615
33.3%	33.3% #471E1B	RGB 71 30 27	#471E1B
50.0%	50.0% #532622	RGB 83 38 34	#532622
66.7%	66.7% #5E2F2A	RGB 94 47 42	#5E2F2A
83.3%	83.3% #6A3A32	RGB 106 58 50	#6A3A32
100.0%	100.0% #76453C	RGB 118 69 60	#76453C

#301010 #3B1615 #471E1B #532622 #5E2F2A #6A3A32 #76453C

#301010 - #532622 - #76453C

CSS codes

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

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