#5E0063 - #040315 | 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 #5E0063 to #040315

#5E0063 #040315

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

#5E0063 - #040315 | 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 #5E0063 as 0% and #040315 as 100%.

0.0%	0.0% #5E0063	RGB 94 0 99	#5E0063
16.7%	16.7% #4F0056	RGB 79 0 86	#4F0056
33.3%	33.3% #400149	RGB 64 1 73	#400149
50.0%	50.0% #31013C	RGB 49 1 60	#31013C
66.7%	66.7% #21022F	RGB 33 2 47	#21022F
83.3%	83.3% #130222	RGB 19 2 34	#130222
100.0%	100.0% #040315	RGB 4 3 21	#040315

#5E0063 #4F0056 #400149 #31013C #21022F #130222 #040315

#5E0063 - #040315

HSV Blend

#5E0063 - #040315 | 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 #5E0063 as 0% and #040315 as 100%.

0.0%	0.0% #5E0063	RGB 94 0 99	#5E0063
16.7%	16.7% #450256	RGB 69 2 86	#450256
33.3%	33.3% #300349	RGB 48 3 73	#300349
50.0%	50.0% #20043C	RGB 32 4 60	#20043C
66.7%	66.7% #13042F	RGB 19 4 47	#13042F
83.3%	83.3% #0A0422	RGB 10 4 34	#0A0422
100.0%	100.0% #040315	RGB 4 3 21	#040315

#5E0063 #450256 #300349 #20043C #13042F #0A0422 #040315

#5E0063 - #20043C - #040315

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E0063 0%, #20043C 50%, #040315 100%);
    background: -webkit-linear-gradient(top, #5E0063 0%, #20043C 50%, #040315 100%);
    background: linear-gradient(to bottom, #5E0063 0%, #20043C 50%, #040315 100%);
}
</style>