#5E4D5D - #350745 | 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 #5E4D5D to #350745

#5E4D5D #350745

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

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

0.0%	0.0% #5E4D5D	RGB 94 77 93	#5E4D5D
16.7%	16.7% #574159	RGB 87 65 89	#574159
33.3%	33.3% #503555	RGB 80 53 85	#503555
50.0%	50.0% #492A51	RGB 73 42 81	#492A51
66.7%	66.7% #421E4D	RGB 66 30 77	#421E4D
83.3%	83.3% #3B1249	RGB 59 18 73	#3B1249
100.0%	100.0% #350745	RGB 53 7 69	#350745

#5E4D5D #574159 #503555 #492A51 #421E4D #3B1249 #350745

#5E4D5D - #350745

HSV Blend

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

0.0%	0.0% #5E4D5D	RGB 94 77 93	#5E4D5D
16.7%	16.7% #593E59	RGB 89 62 89	#593E59
33.3%	33.3% #533155	RGB 83 49 85	#533155
50.0%	50.0% #4D2551	RGB 77 37 81	#4D2551
66.7%	66.7% #451A4D	RGB 69 26 77	#451A4D
83.3%	83.3% #3D1049	RGB 61 16 73	#3D1049
100.0%	100.0% #350745	RGB 53 7 69	#350745

#5E4D5D #593E59 #533155 #4D2551 #451A4D #3D1049 #350745

#5E4D5D - #4D2551 - #350745

CSS codes

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

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