#3C1B23 - #1E0809 | 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 #3C1B23 to #1E0809

#3C1B23 #1E0809

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

#3C1B23 - #1E0809 | 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 #3C1B23 as 0% and #1E0809 as 100%.

0.0%	0.0% #3C1B23	RGB 60 27 35	#3C1B23
16.7%	16.7% #37171E	RGB 55 23 30	#37171E
33.3%	33.3% #32141A	RGB 50 20 26	#32141A
50.0%	50.0% #2D1116	RGB 45 17 22	#2D1116
66.7%	66.7% #280E11	RGB 40 14 17	#280E11
83.3%	83.3% #230B0D	RGB 35 11 13	#230B0D
100.0%	100.0% #1E0809	RGB 30 8 9	#1E0809

#3C1B23 #37171E #32141A #2D1116 #280E11 #230B0D #1E0809

#3C1B23 - #1E0809

HSV Blend

#3C1B23 - #1E0809 | 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 #3C1B23 as 0% and #1E0809 as 100%.

0.0%	0.0% #3C1B22	RGB 60 27 34	#3C1B22
16.7%	16.7% #37171D	RGB 55 23 29	#37171D
33.3%	33.3% #321318	RGB 50 19 24	#321318
50.0%	50.0% #2D1014	RGB 45 16 20	#2D1014
66.7%	66.7% #280D10	RGB 40 13 16	#280D10
83.3%	83.3% #230A0C	RGB 35 10 12	#230A0C
100.0%	100.0% #1E0809	RGB 30 8 9	#1E0809

#3C1B22 #37171D #321318 #2D1014 #280D10 #230A0C #1E0809

#3C1B23 - #2D1014 - #1E0809

CSS codes

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

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