#0C0C24 - #05032E | 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 #0C0C24 to #05032E

#0C0C24 #05032E

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

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

0.0%	0.0% #0C0C24	RGB 12 12 36	#0C0C24
16.7%	16.7% #0A0A25	RGB 10 10 37	#0A0A25
33.3%	33.3% #090927	RGB 9 9 39	#090927
50.0%	50.0% #080729	RGB 8 7 41	#080729
66.7%	66.7% #07062A	RGB 7 6 42	#07062A
83.3%	83.3% #06042C	RGB 6 4 44	#06042C
100.0%	100.0% #05032E	RGB 5 3 46	#05032E

#0C0C24 #0A0A25 #090927 #080729 #07062A #06042C #05032E

#0C0C24 - #05032E

HSV Blend

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

0.0%	0.0% #0C0C24	RGB 12 12 36	#0C0C24
16.7%	16.7% #0B0A25	RGB 11 10 37	#0B0A25
33.3%	33.3% #0A0927	RGB 10 9 39	#0A0927
50.0%	50.0% #080829	RGB 8 8 41	#080829
66.7%	66.7% #07062A	RGB 7 6 42	#07062A
83.3%	83.3% #06042C	RGB 6 4 44	#06042C
100.0%	100.0% #05032E	RGB 5 3 46	#05032E

#0C0C24 #0B0A25 #0A0927 #080829 #07062A #06042C #05032E

#0C0C24 - #080829 - #05032E

CSS codes

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

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