#0C0D0C - #1F3E2E | 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 #0C0D0C to #1F3E2E

#0C0D0C #1F3E2E

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

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

0.0%	0.0% #0C0D0C	RGB 12 13 12	#0C0D0C
16.7%	16.7% #0F1511	RGB 15 21 17	#0F1511
33.3%	33.3% #121D17	RGB 18 29 23	#121D17
50.0%	50.0% #15251D	RGB 21 37 29	#15251D
66.7%	66.7% #182D22	RGB 24 45 34	#182D22
83.3%	83.3% #1B3528	RGB 27 53 40	#1B3528
100.0%	100.0% #1F3E2E	RGB 31 62 46	#1F3E2E

#0C0D0C #0F1511 #121D17 #15251D #182D22 #1B3528 #1F3E2E

#0C0D0C - #1F3E2E

HSV Blend

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

0.0%	0.0% #0C0D0C	RGB 12 13 12	#0C0D0C
16.7%	16.7% #121512	RGB 18 21 18	#121512
33.3%	33.3% #161D17	RGB 22 29 23	#161D17
50.0%	50.0% #1A251D	RGB 26 37 29	#1A251D
66.7%	66.7% #1D2D22	RGB 29 45 34	#1D2D22
83.3%	83.3% #1E3528	RGB 30 53 40	#1E3528
100.0%	100.0% #1F3E2E	RGB 31 62 46	#1F3E2E

#0C0D0C #121512 #161D17 #1A251D #1D2D22 #1E3528 #1F3E2E

#0C0D0C - #1A251D - #1F3E2E

CSS codes

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

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