#391014 - #12070B | 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 #391014 to #12070B

#391014 #12070B

Calculate the color between two colors, #391014 and #12070B. 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)

#391014 - #12070B | 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 #391014 as 0% and #12070B as 100%.

0.0%	0.0% #391014	RGB 57 16 20	#391014
16.7%	16.7% #320E12	RGB 50 14 18	#320E12
33.3%	33.3% #2C0D11	RGB 44 13 17	#2C0D11
50.0%	50.0% #250B0F	RGB 37 11 15	#250B0F
66.7%	66.7% #1F0A0E	RGB 31 10 14	#1F0A0E
83.3%	83.3% #18080C	RGB 24 8 12	#18080C
100.0%	100.0% #12070B	RGB 18 7 11	#12070B

#391014 #320E12 #2C0D11 #250B0F #1F0A0E #18080C #12070B

#391014 - #12070B

HSV Blend

#391014 - #12070B | 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 #391014 as 0% and #12070B as 100%.

0.0%	0.0% #391013	RGB 57 16 19	#391013
16.7%	16.7% #320F14	RGB 50 15 20	#320F14
33.3%	33.3% #2C0D13	RGB 44 13 19	#2C0D13
50.0%	50.0% #250C12	RGB 37 12 18	#250C12
66.7%	66.7% #1F0A10	RGB 31 10 16	#1F0A10
83.3%	83.3% #18090E	RGB 24 9 14	#18090E
100.0%	100.0% #12070B	RGB 18 7 11	#12070B

#391013 #320F14 #2C0D13 #250C12 #1F0A10 #18090E #12070B

#391014 - #250C12 - #12070B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #391013 0%, #250C12 50%, #12070B 100%);
    background: -webkit-linear-gradient(top, #391013 0%, #250C12 50%, #12070B 100%);
    background: linear-gradient(to bottom, #391013 0%, #250C12 50%, #12070B 100%);
}
</style>