#240101 - #542A2C | 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 #240101 to #542A2C

#240101 #542A2C

Calculate the color between two colors, #240101 and #542A2C. 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)

#240101 - #542A2C | 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 #240101 as 0% and #542A2C as 100%.

0.0%	0.0% #240101	RGB 36 1 1	#240101
16.7%	16.7% #2C0708	RGB 44 7 8	#2C0708
33.3%	33.3% #340E0F	RGB 52 14 15	#340E0F
50.0%	50.0% #3C1516	RGB 60 21 22	#3C1516
66.7%	66.7% #441C1D	RGB 68 28 29	#441C1D
83.3%	83.3% #4C2324	RGB 76 35 36	#4C2324
100.0%	100.0% #542A2C	RGB 84 42 44	#542A2C

#240101 #2C0708 #340E0F #3C1516 #441C1D #4C2324 #542A2C

#240101 - #542A2C

HSV Blend

#240101 - #542A2C | 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 #240101 as 0% and #542A2C as 100%.

0.0%	0.0% #240101	RGB 36 1 1	#240101
16.7%	16.7% #2C0404	RGB 44 4 4	#2C0404
33.3%	33.3% #34090A	RGB 52 9 10	#34090A
50.0%	50.0% #3C0F10	RGB 60 15 16	#3C0F10
66.7%	66.7% #441718	RGB 68 23 24	#441718
83.3%	83.3% #4C2021	RGB 76 32 33	#4C2021
100.0%	100.0% #542A2C	RGB 84 42 44	#542A2C

#240101 #2C0404 #34090A #3C0F10 #441718 #4C2021 #542A2C

#240101 - #3C0F10 - #542A2C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #240101 0%, #3C0F10 50%, #542A2C 100%);
    background: -webkit-linear-gradient(top, #240101 0%, #3C0F10 50%, #542A2C 100%);
    background: linear-gradient(to bottom, #240101 0%, #3C0F10 50%, #542A2C 100%);
}
</style>