#5E3E4E - #0E071D | 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 #5E3E4E to #0E071D

#5E3E4E #0E071D

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

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

0.0%	0.0% #5E3E4E	RGB 94 62 78	#5E3E4E
16.7%	16.7% #503445	RGB 80 52 69	#503445
33.3%	33.3% #432B3D	RGB 67 43 61	#432B3D
50.0%	50.0% #362235	RGB 54 34 53	#362235
66.7%	66.7% #28192D	RGB 40 25 45	#28192D
83.3%	83.3% #1B1025	RGB 27 16 37	#1B1025
100.0%	100.0% #0E071D	RGB 14 7 29	#0E071D

#5E3E4E #503445 #432B3D #362235 #28192D #1B1025 #0E071D

#5E3E4E - #0E071D

HSV Blend

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

0.0%	0.0% #5E3E4E	RGB 94 62 78	#5E3E4E
16.7%	16.7% #533148	RGB 83 49 72	#533148
33.3%	33.3% #482544	RGB 72 37 68	#482544
50.0%	50.0% #3A1B3D	RGB 58 27 61	#3A1B3D
66.7%	66.7% #291332	RGB 41 19 50	#291332
83.3%	83.3% #1A0C27	RGB 26 12 39	#1A0C27
100.0%	100.0% #0E071D	RGB 14 7 29	#0E071D

#5E3E4E #533148 #482544 #3A1B3D #291332 #1A0C27 #0E071D

#5E3E4E - #3A1B3D - #0E071D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3E4E 0%, #3A1B3D 50%, #0E071D 100%);
    background: -webkit-linear-gradient(top, #5E3E4E 0%, #3A1B3D 50%, #0E071D 100%);
    background: linear-gradient(to bottom, #5E3E4E 0%, #3A1B3D 50%, #0E071D 100%);
}
</style>