#0B0A16 - #5E3E40 | 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 #0B0A16 to #5E3E40

#0B0A16 #5E3E40

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

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

0.0%	0.0% #0B0A16	RGB 11 10 22	#0B0A16
16.7%	16.7% #18121D	RGB 24 18 29	#18121D
33.3%	33.3% #261B24	RGB 38 27 36	#261B24
50.0%	50.0% #34242B	RGB 52 36 43	#34242B
66.7%	66.7% #422C32	RGB 66 44 50	#422C32
83.3%	83.3% #503539	RGB 80 53 57	#503539
100.0%	100.0% #5E3E40	RGB 94 62 64	#5E3E40

#0B0A16 #18121D #261B24 #34242B #422C32 #503539 #5E3E40

#0B0A16 - #5E3E40

HSV Blend

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

0.0%	0.0% #0B0A16	RGB 11 10 22	#0B0A16
16.7%	16.7% #171022	RGB 23 16 34	#171022
33.3%	33.3% #27182E	RGB 39 24 46	#27182E
50.0%	50.0% #3A2039	RGB 58 32 57	#3A2039
66.7%	66.7% #46293C	RGB 70 41 60	#46293C
83.3%	83.3% #52333E	RGB 82 51 62	#52333E
100.0%	100.0% #5E3E40	RGB 94 62 64	#5E3E40

#0B0A16 #171022 #27182E #3A2039 #46293C #52333E #5E3E40

#0B0A16 - #3A2039 - #5E3E40

CSS codes

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

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