#3C252B - #230A08 | 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 #3C252B to #230A08

#3C252B #230A08

Calculate the color between two colors, #3C252B and #230A08. 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)

#3C252B - #230A08 | 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 #3C252B as 0% and #230A08 as 100%.

0.0%	0.0% #3C252B	RGB 60 37 43	#3C252B
16.7%	16.7% #372025	RGB 55 32 37	#372025
33.3%	33.3% #331C1F	RGB 51 28 31	#331C1F
50.0%	50.0% #2F1719	RGB 47 23 25	#2F1719
66.7%	66.7% #2B1313	RGB 43 19 19	#2B1313
83.3%	83.3% #270E0D	RGB 39 14 13	#270E0D
100.0%	100.0% #230A08	RGB 35 10 8	#230A08

#3C252B #372025 #331C1F #2F1719 #2B1313 #270E0D #230A08

#3C252B - #230A08

HSV Blend

#3C252B - #230A08 | 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 #3C252B as 0% and #230A08 as 100%.

0.0%	0.0% #3C252B	RGB 60 37 43	#3C252B
16.7%	16.7% #371E23	RGB 55 30 35	#371E23
33.3%	33.3% #33191D	RGB 51 25 29	#33191D
50.0%	50.0% #2F1416	RGB 47 20 22	#2F1416
66.7%	66.7% #2B0F10	RGB 43 15 16	#2B0F10
83.3%	83.3% #270B0B	RGB 39 11 11	#270B0B
100.0%	100.0% #230A08	RGB 35 10 8	#230A08

#3C252B #371E23 #33191D #2F1416 #2B0F10 #270B0B #230A08

#3C252B - #2F1416 - #230A08

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C252B 0%, #2F1416 50%, #230A08 100%);
    background: -webkit-linear-gradient(top, #3C252B 0%, #2F1416 50%, #230A08 100%);
    background: linear-gradient(to bottom, #3C252B 0%, #2F1416 50%, #230A08 100%);
}
</style>