#0C0C0D - #1F3338 | 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 #1F3338

#0C0C0D #1F3338

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

0.0%	0.0% #0C0C0D	RGB 12 12 13	#0C0C0D
16.7%	16.7% #0F1214	RGB 15 18 20	#0F1214
33.3%	33.3% #12191B	RGB 18 25 27	#12191B
50.0%	50.0% #151F22	RGB 21 31 34	#151F22
66.7%	66.7% #182629	RGB 24 38 41	#182629
83.3%	83.3% #1B2C30	RGB 27 44 48	#1B2C30
100.0%	100.0% #1F3338	RGB 31 51 56	#1F3338

#0C0C0D #0F1214 #12191B #151F22 #182629 #1B2C30 #1F3338

#0C0C0D - #1F3338

HSV Blend

#0C0C0D - #1F3338 | 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 #1F3338 as 100%.

0.0%	0.0% #0C0C0D	RGB 12 12 13	#0C0C0D
16.7%	16.7% #111114	RGB 17 17 20	#111114
33.3%	33.3% #15171B	RGB 21 23 27	#15171B
50.0%	50.0% #191D22	RGB 25 29 34	#191D22
66.7%	66.7% #1C2329	RGB 28 35 41	#1C2329
83.3%	83.3% #1E2A30	RGB 30 42 48	#1E2A30
100.0%	100.0% #1F3338	RGB 31 51 56	#1F3338

#0C0C0D #111114 #15171B #191D22 #1C2329 #1E2A30 #1F3338

#0C0C0D - #191D22 - #1F3338

CSS codes

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

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