#5E142C - #23070B | 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 #5E142C to #23070B

#5E142C #23070B

Calculate the color between two colors, #5E142C and #23070B. 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)

#5E142C - #23070B | 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 #5E142C as 0% and #23070B as 100%.

0.0%	0.0% #5E142C	RGB 94 20 44	#5E142C
16.7%	16.7% #541126	RGB 84 17 38	#541126
33.3%	33.3% #4A0F21	RGB 74 15 33	#4A0F21
50.0%	50.0% #400D1B	RGB 64 13 27	#400D1B
66.7%	66.7% #360B16	RGB 54 11 22	#360B16
83.3%	83.3% #2C0910	RGB 44 9 16	#2C0910
100.0%	100.0% #23070B	RGB 35 7 11	#23070B

#5E142C #541126 #4A0F21 #400D1B #360B16 #2C0910 #23070B

#5E142C - #23070B

HSV Blend

#5E142C - #23070B | 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 #5E142C as 0% and #23070B as 100%.

0.0%	0.0% #5E132C	RGB 94 19 44	#5E132C
16.7%	16.7% #541125	RGB 84 17 37	#541125
33.3%	33.3% #4A0F1F	RGB 74 15 31	#4A0F1F
50.0%	50.0% #400D19	RGB 64 13 25	#400D19
66.7%	66.7% #360B14	RGB 54 11 20	#360B14
83.3%	83.3% #2C090F	RGB 44 9 15	#2C090F
100.0%	100.0% #23070B	RGB 35 7 11	#23070B

#5E132C #541125 #4A0F1F #400D19 #360B14 #2C090F #23070B

#5E142C - #400D19 - #23070B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E132C 0%, #400D19 50%, #23070B 100%);
    background: -webkit-linear-gradient(top, #5E132C 0%, #400D19 50%, #23070B 100%);
    background: linear-gradient(to bottom, #5E132C 0%, #400D19 50%, #23070B 100%);
}
</style>