#0C0A16 - #5E3D3E | 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 #0C0A16 to #5E3D3E

#0C0A16 #5E3D3E

Calculate the color between two colors, #0C0A16 and #5E3D3E. 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)

#0C0A16 - #5E3D3E | 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 #0C0A16 as 0% and #5E3D3E as 100%.

0.0%	0.0% #0C0A16	RGB 12 10 22	#0C0A16
16.7%	16.7% #19121C	RGB 25 18 28	#19121C
33.3%	33.3% #271B23	RGB 39 27 35	#271B23
50.0%	50.0% #35232A	RGB 53 35 42	#35232A
66.7%	66.7% #422C30	RGB 66 44 48	#422C30
83.3%	83.3% #503437	RGB 80 52 55	#503437
100.0%	100.0% #5E3D3E	RGB 94 61 62	#5E3D3E

#0C0A16 #19121C #271B23 #35232A #422C30 #503437 #5E3D3E

#0C0A16 - #5E3D3E

HSV Blend

#0C0A16 - #5E3D3E | 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 #0C0A16 as 0% and #5E3D3E as 100%.

0.0%	0.0% #0C0A16	RGB 12 10 22	#0C0A16
16.7%	16.7% #181022	RGB 24 16 34	#181022
33.3%	33.3% #28172E	RGB 40 23 46	#28172E
50.0%	50.0% #3A2038	RGB 58 32 56	#3A2038
66.7%	66.7% #46283B	RGB 70 40 59	#46283B
83.3%	83.3% #52323C	RGB 82 50 60	#52323C
100.0%	100.0% #5E3D3E	RGB 94 61 62	#5E3D3E

#0C0A16 #181022 #28172E #3A2038 #46283B #52323C #5E3D3E

#0C0A16 - #3A2038 - #5E3D3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0C0A16 0%, #3A2038 50%, #5E3D3E 100%);
    background: -webkit-linear-gradient(top, #0C0A16 0%, #3A2038 50%, #5E3D3E 100%);
    background: linear-gradient(to bottom, #0C0A16 0%, #3A2038 50%, #5E3D3E 100%);
}
</style>