#1A0C10 - #5B3E3C | 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 #1A0C10 to #5B3E3C

#1A0C10 #5B3E3C

Calculate the color between two colors, #1A0C10 and #5B3E3C. 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)

#1A0C10 - #5B3E3C | 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 #1A0C10 as 0% and #5B3E3C as 100%.

0.0%	0.0% #1A0C10	RGB 26 12 16	#1A0C10
16.7%	16.7% #241417	RGB 36 20 23	#241417
33.3%	33.3% #2F1C1E	RGB 47 28 30	#2F1C1E
50.0%	50.0% #3A2526	RGB 58 37 38	#3A2526
66.7%	66.7% #452D2D	RGB 69 45 45	#452D2D
83.3%	83.3% #503534	RGB 80 53 52	#503534
100.0%	100.0% #5B3E3C	RGB 91 62 60	#5B3E3C

#1A0C10 #241417 #2F1C1E #3A2526 #452D2D #503534 #5B3E3C

#1A0C10 - #5B3E3C

HSV Blend

#1A0C10 - #5B3E3C | 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 #1A0C10 as 0% and #5B3E3C as 100%.

0.0%	0.0% #1A0C10	RGB 26 12 16	#1A0C10
16.7%	16.7% #241216	RGB 36 18 22	#241216
33.3%	33.3% #2F191C	RGB 47 25 28	#2F191C
50.0%	50.0% #3A2023	RGB 58 32 35	#3A2023
66.7%	66.7% #45292A	RGB 69 41 42	#45292A
83.3%	83.3% #503232	RGB 80 50 50	#503232
100.0%	100.0% #5B3E3C	RGB 91 62 60	#5B3E3C

#1A0C10 #241216 #2F191C #3A2023 #45292A #503232 #5B3E3C

#1A0C10 - #3A2023 - #5B3E3C

CSS codes

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

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