#2D2D32 - #0C0C0E | 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 #2D2D32 to #0C0C0E

#2D2D32 #0C0C0E

Calculate the color between two colors, #2D2D32 and #0C0C0E. 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)

#2D2D32 - #0C0C0E | 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 #2D2D32 as 0% and #0C0C0E as 100%.

0.0%	0.0% #2D2D32	RGB 45 45 50	#2D2D32
16.7%	16.7% #27272C	RGB 39 39 44	#27272C
33.3%	33.3% #222226	RGB 34 34 38	#222226
50.0%	50.0% #1C1C20	RGB 28 28 32	#1C1C20
66.7%	66.7% #17171A	RGB 23 23 26	#17171A
83.3%	83.3% #111114	RGB 17 17 20	#111114
100.0%	100.0% #0C0C0E	RGB 12 12 14	#0C0C0E

#2D2D32 #27272C #222226 #1C1C20 #17171A #111114 #0C0C0E

#2D2D32 - #0C0C0E

HSV Blend

#2D2D32 - #0C0C0E | 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 #2D2D32 as 0% and #0C0C0E as 100%.

0.0%	0.0% #2D2D32	RGB 45 45 50	#2D2D32
16.7%	16.7% #27272C	RGB 39 39 44	#27272C
33.3%	33.3% #212126	RGB 33 33 38	#212126
50.0%	50.0% #1C1C20	RGB 28 28 32	#1C1C20
66.7%	66.7% #16161A	RGB 22 22 26	#16161A
83.3%	83.3% #111114	RGB 17 17 20	#111114
100.0%	100.0% #0C0C0E	RGB 12 12 14	#0C0C0E

#2D2D32 #27272C #212126 #1C1C20 #16161A #111114 #0C0C0E

#2D2D32 - #1C1C20 - #0C0C0E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D2D32 0%, #1C1C20 50%, #0C0C0E 100%);
    background: -webkit-linear-gradient(top, #2D2D32 0%, #1C1C20 50%, #0C0C0E 100%);
    background: linear-gradient(to bottom, #2D2D32 0%, #1C1C20 50%, #0C0C0E 100%);
}
</style>