#5E535D - #380D45 | 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 #5E535D to #380D45

#5E535D #380D45

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

#5E535D - #380D45 | 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 #5E535D as 0% and #380D45 as 100%.

0.0%	0.0% #5E535D	RGB 94 83 93	#5E535D
16.7%	16.7% #574759	RGB 87 71 89	#574759
33.3%	33.3% #513B55	RGB 81 59 85	#513B55
50.0%	50.0% #4B3051	RGB 75 48 81	#4B3051
66.7%	66.7% #44244D	RGB 68 36 77	#44244D
83.3%	83.3% #3E1849	RGB 62 24 73	#3E1849
100.0%	100.0% #380D45	RGB 56 13 69	#380D45

#5E535D #574759 #513B55 #4B3051 #44244D #3E1849 #380D45

#5E535D - #380D45

HSV Blend

#5E535D - #380D45 | 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 #5E535D as 0% and #380D45 as 100%.

0.0%	0.0% #5E535D	RGB 94 83 93	#5E535D
16.7%	16.7% #594459	RGB 89 68 89	#594459
33.3%	33.3% #553755	RGB 85 55 85	#553755
50.0%	50.0% #4E2B51	RGB 78 43 81	#4E2B51
66.7%	66.7% #47204D	RGB 71 32 77	#47204D
83.3%	83.3% #401649	RGB 64 22 73	#401649
100.0%	100.0% #380D45	RGB 56 13 69	#380D45

#5E535D #594459 #553755 #4E2B51 #47204D #401649 #380D45

#5E535D - #4E2B51 - #380D45

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E535D 0%, #4E2B51 50%, #380D45 100%);
    background: -webkit-linear-gradient(top, #5E535D 0%, #4E2B51 50%, #380D45 100%);
    background: linear-gradient(to bottom, #5E535D 0%, #4E2B51 50%, #380D45 100%);
}
</style>