#5E3C5D - #080C1C | 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 #5E3C5D to #080C1C

#5E3C5D #080C1C

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

#5E3C5D - #080C1C | 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 #5E3C5D as 0% and #080C1C as 100%.

0.0%	0.0% #5E3C5D	RGB 94 60 93	#5E3C5D
16.7%	16.7% #4F3452	RGB 79 52 82	#4F3452
33.3%	33.3% #412C47	RGB 65 44 71	#412C47
50.0%	50.0% #33243C	RGB 51 36 60	#33243C
66.7%	66.7% #241C31	RGB 36 28 49	#241C31
83.3%	83.3% #161426	RGB 22 20 38	#161426
100.0%	100.0% #080C1C	RGB 8 12 28	#080C1C

#5E3C5D #4F3452 #412C47 #33243C #241C31 #161426 #080C1C

#5E3C5D - #080C1C

HSV Blend

#5E3C5D - #080C1C | 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 #5E3C5D as 0% and #080C1C as 100%.

0.0%	0.0% #5E3C5C	RGB 94 60 92	#5E3C5C
16.7%	16.7% #4C3053	RGB 76 48 83	#4C3053
33.3%	33.3% #3A2548	RGB 58 37 72	#3A2548
50.0%	50.0% #291C3D	RGB 41 28 61	#291C3D
66.7%	66.7% #1A1432	RGB 26 20 50	#1A1432
83.3%	83.3% #0D0D27	RGB 13 13 39	#0D0D27
100.0%	100.0% #080C1C	RGB 8 12 28	#080C1C

#5E3C5C #4C3053 #3A2548 #291C3D #1A1432 #0D0D27 #080C1C

#5E3C5D - #291C3D - #080C1C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3C5C 0%, #291C3D 50%, #080C1C 100%);
    background: -webkit-linear-gradient(top, #5E3C5C 0%, #291C3D 50%, #080C1C 100%);
    background: linear-gradient(to bottom, #5E3C5C 0%, #291C3D 50%, #080C1C 100%);
}
</style>