#480000 - #8D3C26 | 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 #480000 to #8D3C26

#480000 #8D3C26

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

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

0.0%	0.0% #480000	RGB 72 0 0	#480000
16.7%	16.7% #530A06	RGB 83 10 6	#530A06
33.3%	33.3% #5F140C	RGB 95 20 12	#5F140C
50.0%	50.0% #6A1E13	RGB 106 30 19	#6A1E13
66.7%	66.7% #762819	RGB 118 40 25	#762819
83.3%	83.3% #81321F	RGB 129 50 31	#81321F
100.0%	100.0% #8D3C26	RGB 141 60 38	#8D3C26

#480000 #530A06 #5F140C #6A1E13 #762819 #81321F #8D3C26

#480000 - #8D3C26

HSV Blend

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

0.0%	0.0% #480000	RGB 72 0 0	#480000
16.7%	16.7% #530603	RGB 83 6 3	#530603
33.3%	33.3% #5F0E08	RGB 95 14 8	#5F0E08
50.0%	50.0% #6A180E	RGB 106 24 14	#6A180E
66.7%	66.7% #762215	RGB 118 34 21	#762215
83.3%	83.3% #812E1D	RGB 129 46 29	#812E1D
100.0%	100.0% #8D3C26	RGB 141 60 38	#8D3C26

#480000 #530603 #5F0E08 #6A180E #762215 #812E1D #8D3C26

#480000 - #6A180E - #8D3C26

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #480000 0%, #6A180E 50%, #8D3C26 100%);
    background: -webkit-linear-gradient(top, #480000 0%, #6A180E 50%, #8D3C26 100%);
    background: linear-gradient(to bottom, #480000 0%, #6A180E 50%, #8D3C26 100%);
}
</style>