#3E1223 - #8D313B | 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 #3E1223 to #8D313B

#3E1223 #8D313B

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

#3E1223 - #8D313B | 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 #3E1223 as 0% and #8D313B as 100%.

0.0%	0.0% #3E1223	RGB 62 18 35	#3E1223
16.7%	16.7% #4B1727	RGB 75 23 39	#4B1727
33.3%	33.3% #581C2B	RGB 88 28 43	#581C2B
50.0%	50.0% #65212F	RGB 101 33 47	#65212F
66.7%	66.7% #722633	RGB 114 38 51	#722633
83.3%	83.3% #7F2B37	RGB 127 43 55	#7F2B37
100.0%	100.0% #8D313B	RGB 141 49 59	#8D313B

#3E1223 #4B1727 #581C2B #65212F #722633 #7F2B37 #8D313B

#3E1223 - #8D313B

HSV Blend

#3E1223 - #8D313B | 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 #3E1223 as 0% and #8D313B as 100%.

0.0%	0.0% #3E1223	RGB 62 18 35	#3E1223
16.7%	16.7% #4B1628	RGB 75 22 40	#4B1628
33.3%	33.3% #581B2D	RGB 88 27 45	#581B2D
50.0%	50.0% #652031	RGB 101 32 49	#652031
66.7%	66.7% #722535	RGB 114 37 53	#722535
83.3%	83.3% #7F2B38	RGB 127 43 56	#7F2B38
100.0%	100.0% #8D313B	RGB 141 49 59	#8D313B

#3E1223 #4B1628 #581B2D #652031 #722535 #7F2B38 #8D313B

#3E1223 - #652031 - #8D313B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E1223 0%, #652031 50%, #8D313B 100%);
    background: -webkit-linear-gradient(top, #3E1223 0%, #652031 50%, #8D313B 100%);
    background: linear-gradient(to bottom, #3E1223 0%, #652031 50%, #8D313B 100%);
}
</style>