#0C0C0D - #391F3E | 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 #0C0C0D to #391F3E

#0C0C0D #391F3E

Calculate the color between two colors, #0C0C0D and #391F3E. 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)

#0C0C0D - #391F3E | 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 #0C0C0D as 0% and #391F3E as 100%.

0.0%	0.0% #0C0C0D	RGB 12 12 13	#0C0C0D
16.7%	16.7% #130F15	RGB 19 15 21	#130F15
33.3%	33.3% #1B121D	RGB 27 18 29	#1B121D
50.0%	50.0% #221525	RGB 34 21 37	#221525
66.7%	66.7% #2A182D	RGB 42 24 45	#2A182D
83.3%	83.3% #311B35	RGB 49 27 53	#311B35
100.0%	100.0% #391F3E	RGB 57 31 62	#391F3E

#0C0C0D #130F15 #1B121D #221525 #2A182D #311B35 #391F3E

#0C0C0D - #391F3E

HSV Blend

#0C0C0D - #391F3E | 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 #0C0C0D as 0% and #391F3E as 100%.

0.0%	0.0% #0C0C0D	RGB 12 12 13	#0C0C0D
16.7%	16.7% #121215	RGB 18 18 21	#121215
33.3%	33.3% #18161D	RGB 24 22 29	#18161D
50.0%	50.0% #1F1A25	RGB 31 26 37	#1F1A25
66.7%	66.7% #261D2D	RGB 38 29 45	#261D2D
83.3%	83.3% #2E1E35	RGB 46 30 53	#2E1E35
100.0%	100.0% #391F3E	RGB 57 31 62	#391F3E

#0C0C0D #121215 #18161D #1F1A25 #261D2D #2E1E35 #391F3E

#0C0C0D - #1F1A25 - #391F3E

CSS codes

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

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