#5E3E57 - #07071D | 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 #5E3E57 to #07071D

#5E3E57 #07071D

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

#5E3E57 - #07071D | 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 #5E3E57 as 0% and #07071D as 100%.

0.0%	0.0% #5E3E57	RGB 94 62 87	#5E3E57
16.7%	16.7% #4F344D	RGB 79 52 77	#4F344D
33.3%	33.3% #412B43	RGB 65 43 67	#412B43
50.0%	50.0% #32223A	RGB 50 34 58	#32223A
66.7%	66.7% #231930	RGB 35 25 48	#231930
83.3%	83.3% #151026	RGB 21 16 38	#151026
100.0%	100.0% #07071D	RGB 7 7 29	#07071D

#5E3E57 #4F344D #412B43 #32223A #231930 #151026 #07071D

#5E3E57 - #07071D

HSV Blend

#5E3E57 - #07071D | 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 #5E3E57 as 0% and #07071D as 100%.

0.0%	0.0% #5E3E57	RGB 94 62 87	#5E3E57
16.7%	16.7% #533152	RGB 83 49 82	#533152
33.3%	33.3% #412548	RGB 65 37 72	#412548
50.0%	50.0% #301B3D	RGB 48 27 61	#301B3D
66.7%	66.7% #201332	RGB 32 19 50	#201332
83.3%	83.3% #110C27	RGB 17 12 39	#110C27
100.0%	100.0% #07071D	RGB 7 7 29	#07071D

#5E3E57 #533152 #412548 #301B3D #201332 #110C27 #07071D

#5E3E57 - #301B3D - #07071D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3E57 0%, #301B3D 50%, #07071D 100%);
    background: -webkit-linear-gradient(top, #5E3E57 0%, #301B3D 50%, #07071D 100%);
    background: linear-gradient(to bottom, #5E3E57 0%, #301B3D 50%, #07071D 100%);
}
</style>