#0C0C08 - #3A3E35 | 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 #0C0C08 to #3A3E35

#0C0C08 #3A3E35

Calculate the color between two colors, #0C0C08 and #3A3E35. 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)

#0C0C08 - #3A3E35 | 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 #0C0C08 as 0% and #3A3E35 as 100%.

0.0%	0.0% #0C0C08	RGB 12 12 8	#0C0C08
16.7%	16.7% #13140F	RGB 19 20 15	#13140F
33.3%	33.3% #1B1C17	RGB 27 28 23	#1B1C17
50.0%	50.0% #23251E	RGB 35 37 30	#23251E
66.7%	66.7% #2A2D26	RGB 42 45 38	#2A2D26
83.3%	83.3% #32352D	RGB 50 53 45	#32352D
100.0%	100.0% #3A3E35	RGB 58 62 53	#3A3E35

#0C0C08 #13140F #1B1C17 #23251E #2A2D26 #32352D #3A3E35

#0C0C08 - #3A3E35

HSV Blend

#0C0C08 - #3A3E35 | 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 #0C0C08 as 0% and #3A3E35 as 100%.

0.0%	0.0% #0C0C08	RGB 12 12 8	#0C0C08
16.7%	16.7% #13140E	RGB 19 20 14	#13140E
33.3%	33.3% #1B1C14	RGB 27 28 20	#1B1C14
50.0%	50.0% #23251C	RGB 35 37 28	#23251C
66.7%	66.7% #2A2D23	RGB 42 45 35	#2A2D23
83.3%	83.3% #32352C	RGB 50 53 44	#32352C
100.0%	100.0% #3A3E35	RGB 58 62 53	#3A3E35

#0C0C08 #13140E #1B1C14 #23251C #2A2D23 #32352C #3A3E35

#0C0C08 - #23251C - #3A3E35

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0C0C08 0%, #23251C 50%, #3A3E35 100%);
    background: -webkit-linear-gradient(top, #0C0C08 0%, #23251C 50%, #3A3E35 100%);
    background: linear-gradient(to bottom, #0C0C08 0%, #23251C 50%, #3A3E35 100%);
}
</style>