#0C0D0D - #02372E | 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 #0C0D0D to #02372E

#0C0D0D #02372E

Calculate the color between two colors, #0C0D0D and #02372E. 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)

#0C0D0D - #02372E | 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 #0C0D0D as 0% and #02372E as 100%.

0.0%	0.0% #0C0D0D	RGB 12 13 13	#0C0D0D
16.7%	16.7% #0A1412	RGB 10 20 18	#0A1412
33.3%	33.3% #081B18	RGB 8 27 24	#081B18
50.0%	50.0% #07221D	RGB 7 34 29	#07221D
66.7%	66.7% #052923	RGB 5 41 35	#052923
83.3%	83.3% #033028	RGB 3 48 40	#033028
100.0%	100.0% #02372E	RGB 2 55 46	#02372E

#0C0D0D #0A1412 #081B18 #07221D #052923 #033028 #02372E

#0C0D0D - #02372E

HSV Blend

#0C0D0D - #02372E | 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 #0C0D0D as 0% and #02372E as 100%.

0.0%	0.0% #0C0D0D	RGB 12 13 13	#0C0D0D
16.7%	16.7% #0F1413	RGB 15 20 19	#0F1413
33.3%	33.3% #101B1A	RGB 16 27 26	#101B1A
50.0%	50.0% #102220	RGB 16 34 32	#102220
66.7%	66.7% #0D2925	RGB 13 41 37	#0D2925
83.3%	83.3% #08302A	RGB 8 48 42	#08302A
100.0%	100.0% #02372E	RGB 2 55 46	#02372E

#0C0D0D #0F1413 #101B1A #102220 #0D2925 #08302A #02372E

#0C0D0D - #102220 - #02372E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0C0D0D 0%, #102220 50%, #02372E 100%);
    background: -webkit-linear-gradient(top, #0C0D0D 0%, #102220 50%, #02372E 100%);
    background: linear-gradient(to bottom, #0C0D0D 0%, #102220 50%, #02372E 100%);
}
</style>