#5E203C - #2E070C | 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 #5E203C to #2E070C

#5E203C #2E070C

Calculate the color between two colors, #5E203C and #2E070C. 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)

#5E203C - #2E070C | 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 #5E203C as 0% and #2E070C as 100%.

0.0%	0.0% #5E203C	RGB 94 32 60	#5E203C
16.7%	16.7% #561B34	RGB 86 27 52	#561B34
33.3%	33.3% #4E172C	RGB 78 23 44	#4E172C
50.0%	50.0% #461324	RGB 70 19 36	#461324
66.7%	66.7% #3E0F1C	RGB 62 15 28	#3E0F1C
83.3%	83.3% #360B14	RGB 54 11 20	#360B14
100.0%	100.0% #2E070C	RGB 46 7 12	#2E070C

#5E203C #561B34 #4E172C #461324 #3E0F1C #360B14 #2E070C

#5E203C - #2E070C

HSV Blend

#5E203C - #2E070C | 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 #5E203C as 0% and #2E070C as 100%.

0.0%	0.0% #5E203B	RGB 94 32 59	#5E203B
16.7%	16.7% #561A32	RGB 86 26 50	#561A32
33.3%	33.3% #4E1529	RGB 78 21 41	#4E1529
50.0%	50.0% #461120	RGB 70 17 32	#461120
66.7%	66.7% #3E0D18	RGB 62 13 24	#3E0D18
83.3%	83.3% #360911	RGB 54 9 17	#360911
100.0%	100.0% #2E070C	RGB 46 7 12	#2E070C

#5E203B #561A32 #4E1529 #461120 #3E0D18 #360911 #2E070C

#5E203C - #461120 - #2E070C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E203B 0%, #461120 50%, #2E070C 100%);
    background: -webkit-linear-gradient(top, #5E203B 0%, #461120 50%, #2E070C 100%);
    background: linear-gradient(to bottom, #5E203B 0%, #461120 50%, #2E070C 100%);
}
</style>