#5E203D - #240A11 | 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 #5E203D to #240A11

#5E203D #240A11

Calculate the color between two colors, #5E203D and #240A11. 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)

#5E203D - #240A11 | 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 #5E203D as 0% and #240A11 as 100%.

0.0%	0.0% #5E203D	RGB 94 32 61	#5E203D
16.7%	16.7% #541C35	RGB 84 28 53	#541C35
33.3%	33.3% #4A182E	RGB 74 24 46	#4A182E
50.0%	50.0% #411527	RGB 65 21 39	#411527
66.7%	66.7% #37111F	RGB 55 17 31	#37111F
83.3%	83.3% #2D0D18	RGB 45 13 24	#2D0D18
100.0%	100.0% #240A11	RGB 36 10 17	#240A11

#5E203D #541C35 #4A182E #411527 #37111F #2D0D18 #240A11

#5E203D - #240A11

HSV Blend

#5E203D - #240A11 | 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 #5E203D as 0% and #240A11 as 100%.

0.0%	0.0% #5E203C	RGB 94 32 60	#5E203C
16.7%	16.7% #541B34	RGB 84 27 52	#541B34
33.3%	33.3% #4A172C	RGB 74 23 44	#4A172C
50.0%	50.0% #411424	RGB 65 20 36	#411424
66.7%	66.7% #37101D	RGB 55 16 29	#37101D
83.3%	83.3% #2D0D16	RGB 45 13 22	#2D0D16
100.0%	100.0% #240A11	RGB 36 10 17	#240A11

#5E203C #541B34 #4A172C #411424 #37101D #2D0D16 #240A11

#5E203D - #411424 - #240A11

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E203C 0%, #411424 50%, #240A11 100%);
    background: -webkit-linear-gradient(top, #5E203C 0%, #411424 50%, #240A11 100%);
    background: linear-gradient(to bottom, #5E203C 0%, #411424 50%, #240A11 100%);
}
</style>