#2A2B23 - #0C0C0A | 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 #2A2B23 to #0C0C0A

#2A2B23 #0C0C0A

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

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

0.0%	0.0% #2A2B23	RGB 42 43 35	#2A2B23
16.7%	16.7% #25251E	RGB 37 37 30	#25251E
33.3%	33.3% #20201A	RGB 32 32 26	#20201A
50.0%	50.0% #1B1B16	RGB 27 27 22	#1B1B16
66.7%	66.7% #161612	RGB 22 22 18	#161612
83.3%	83.3% #11110E	RGB 17 17 14	#11110E
100.0%	100.0% #0C0C0A	RGB 12 12 10	#0C0C0A

#2A2B23 #25251E #20201A #1B1B16 #161612 #11110E #0C0C0A

#2A2B23 - #0C0C0A

HSV Blend

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

0.0%	0.0% #2A2B23	RGB 42 43 35	#2A2B23
16.7%	16.7% #25251E	RGB 37 37 30	#25251E
33.3%	33.3% #20201A	RGB 32 32 26	#20201A
50.0%	50.0% #1B1B16	RGB 27 27 22	#1B1B16
66.7%	66.7% #161612	RGB 22 22 18	#161612
83.3%	83.3% #11110E	RGB 17 17 14	#11110E
100.0%	100.0% #0C0C0A	RGB 12 12 10	#0C0C0A

#2A2B23 #25251E #20201A #1B1B16 #161612 #11110E #0C0C0A

#2A2B23 - #1B1B16 - #0C0C0A

CSS codes

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

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