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

#0C0C0D #281F3E

Calculate the color between two colors, #0C0C0D and #281F3E. 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 - #281F3E | 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 #281F3E as 100%.

0.0%	0.0% #0C0C0D	RGB 12 12 13	#0C0C0D
16.7%	16.7% #100F15	RGB 16 15 21	#100F15
33.3%	33.3% #15121D	RGB 21 18 29	#15121D
50.0%	50.0% #1A1525	RGB 26 21 37	#1A1525
66.7%	66.7% #1E182D	RGB 30 24 45	#1E182D
83.3%	83.3% #231B35	RGB 35 27 53	#231B35
100.0%	100.0% #281F3E	RGB 40 31 62	#281F3E

#0C0C0D #100F15 #15121D #1A1525 #1E182D #231B35 #281F3E

#0C0C0D - #281F3E

HSV Blend

#0C0C0D - #281F3E | 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 #281F3E 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% #17161D	RGB 23 22 29	#17161D
50.0%	50.0% #1C1A25	RGB 28 26 37	#1C1A25
66.7%	66.7% #201D2D	RGB 32 29 45	#201D2D
83.3%	83.3% #241E35	RGB 36 30 53	#241E35
100.0%	100.0% #281F3E	RGB 40 31 62	#281F3E

#0C0C0D #121215 #17161D #1C1A25 #201D2D #241E35 #281F3E

#0C0C0D - #1C1A25 - #281F3E

CSS codes

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

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