#391036 - #1C1202 | 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 #391036 to #1C1202

#391036 #1C1202

Calculate the color between two colors, #391036 and #1C1202. 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)

#391036 - #1C1202 | 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 #391036 as 0% and #1C1202 as 100%.

0.0%	0.0% #391036	RGB 57 16 54	#391036
16.7%	16.7% #34102D	RGB 52 16 45	#34102D
33.3%	33.3% #2F1024	RGB 47 16 36	#2F1024
50.0%	50.0% #2A111C	RGB 42 17 28	#2A111C
66.7%	66.7% #251113	RGB 37 17 19	#251113
83.3%	83.3% #20110A	RGB 32 17 10	#20110A
100.0%	100.0% #1C1202	RGB 28 18 2	#1C1202

#391036 #34102D #2F1024 #2A111C #251113 #20110A #1C1202

#391036 - #1C1202

HSV Blend

#391036 - #1C1202 | 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 #391036 as 0% and #1C1202 as 100%.

0.0%	0.0% #391035	RGB 57 16 53	#391035
16.7%	16.7% #340C27	RGB 52 12 39	#340C27
33.3%	33.3% #2F0919	RGB 47 9 25	#2F0919
50.0%	50.0% #2A070C	RGB 42 7 12	#2A070C
66.7%	66.7% #250805	RGB 37 8 5	#250805
83.3%	83.3% #200E03	RGB 32 14 3	#200E03
100.0%	100.0% #1C1202	RGB 28 18 2	#1C1202

#391035 #340C27 #2F0919 #2A070C #250805 #200E03 #1C1202

#391036 - #2A070C - #1C1202

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #391035 0%, #2A070C 50%, #1C1202 100%);
    background: -webkit-linear-gradient(top, #391035 0%, #2A070C 50%, #1C1202 100%);
    background: linear-gradient(to bottom, #391035 0%, #2A070C 50%, #1C1202 100%);
}
</style>