#9F0C0C - #EB400D | 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 #9F0C0C to #EB400D

#9F0C0C #EB400D

Calculate the color between two colors, #9F0C0C and #EB400D. 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)

#9F0C0C - #EB400D | 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 #9F0C0C as 0% and #EB400D as 100%.

0.0%	0.0% #9F0C0C	RGB 159 12 12	#9F0C0C
16.7%	16.7% #AB140C	RGB 171 20 12	#AB140C
33.3%	33.3% #B81D0C	RGB 184 29 12	#B81D0C
50.0%	50.0% #C5260C	RGB 197 38 12	#C5260C
66.7%	66.7% #D12E0C	RGB 209 46 12	#D12E0C
83.3%	83.3% #DE370C	RGB 222 55 12	#DE370C
100.0%	100.0% #EB400D	RGB 235 64 13	#EB400D

#9F0C0C #AB140C #B81D0C #C5260C #D12E0C #DE370C #EB400D

#9F0C0C - #EB400D

HSV Blend

#9F0C0C - #EB400D | 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 #9F0C0C as 0% and #EB400D as 100%.

0.0%	0.0% #9F0C0C	RGB 159 12 12	#9F0C0C
16.7%	16.7% #AB120C	RGB 171 18 12	#AB120C
33.3%	33.3% #B8190C	RGB 184 25 12	#B8190C
50.0%	50.0% #C5220C	RGB 197 34 12	#C5220C
66.7%	66.7% #D12B0D	RGB 209 43 13	#D12B0D
83.3%	83.3% #DE350D	RGB 222 53 13	#DE350D
100.0%	100.0% #EB400D	RGB 235 64 13	#EB400D

#9F0C0C #AB120C #B8190C #C5220C #D12B0D #DE350D #EB400D

#9F0C0C - #C5220C - #EB400D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9F0C0C 0%, #C5220C 50%, #EB400D 100%);
    background: -webkit-linear-gradient(top, #9F0C0C 0%, #C5220C 50%, #EB400D 100%);
    background: linear-gradient(to bottom, #9F0C0C 0%, #C5220C 50%, #EB400D 100%);
}
</style>