#0A0C16 - #5E3E49 | 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 #0A0C16 to #5E3E49

#0A0C16 #5E3E49

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

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

0.0%	0.0% #0A0C16	RGB 10 12 22	#0A0C16
16.7%	16.7% #18141E	RGB 24 20 30	#18141E
33.3%	33.3% #261C27	RGB 38 28 39	#261C27
50.0%	50.0% #34252F	RGB 52 37 47	#34252F
66.7%	66.7% #422D38	RGB 66 45 56	#422D38
83.3%	83.3% #503540	RGB 80 53 64	#503540
100.0%	100.0% #5E3E49	RGB 94 62 73	#5E3E49

#0A0C16 #18141E #261C27 #34252F #422D38 #503540 #5E3E49

#0A0C16 - #5E3E49

HSV Blend

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

0.0%	0.0% #0A0B16	RGB 10 11 22	#0A0B16
16.7%	16.7% #131022	RGB 19 16 34	#131022
33.3%	33.3% #21182E	RGB 33 24 46	#21182E
50.0%	50.0% #33203A	RGB 51 32 58	#33203A
66.7%	66.7% #462944	RGB 70 41 68	#462944
83.3%	83.3% #523347	RGB 82 51 71	#523347
100.0%	100.0% #5E3E49	RGB 94 62 73	#5E3E49

#0A0B16 #131022 #21182E #33203A #462944 #523347 #5E3E49

#0A0C16 - #33203A - #5E3E49

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0A0B16 0%, #33203A 50%, #5E3E49 100%);
    background: -webkit-linear-gradient(top, #0A0B16 0%, #33203A 50%, #5E3E49 100%);
    background: linear-gradient(to bottom, #0A0B16 0%, #33203A 50%, #5E3E49 100%);
}
</style>