#5E5D5E - #350F45 | 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 #5E5D5E to #350F45

#5E5D5E #350F45

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

#5E5D5E - #350F45 | 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 #5E5D5E as 0% and #350F45 as 100%.

0.0%	0.0% #5E5D5E	RGB 94 93 94	#5E5D5E
16.7%	16.7% #575059	RGB 87 80 89	#575059
33.3%	33.3% #504355	RGB 80 67 85	#504355
50.0%	50.0% #493651	RGB 73 54 81	#493651
66.7%	66.7% #42294D	RGB 66 41 77	#42294D
83.3%	83.3% #3B1C49	RGB 59 28 73	#3B1C49
100.0%	100.0% #350F45	RGB 53 15 69	#350F45

#5E5D5E #575059 #504355 #493651 #42294D #3B1C49 #350F45

#5E5D5E - #350F45

HSV Blend

#5E5D5E - #350F45 | 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 #5E5D5E as 0% and #350F45 as 100%.

0.0%	0.0% #5E5D5E	RGB 94 93 94	#5E5D5E
16.7%	16.7% #594D59	RGB 89 77 89	#594D59
33.3%	33.3% #533E55	RGB 83 62 85	#533E55
50.0%	50.0% #4C3151	RGB 76 49 81	#4C3151
66.7%	66.7% #45244D	RGB 69 36 77	#45244D
83.3%	83.3% #3D1949	RGB 61 25 73	#3D1949
100.0%	100.0% #350F45	RGB 53 15 69	#350F45

#5E5D5E #594D59 #533E55 #4C3151 #45244D #3D1949 #350F45

#5E5D5E - #4C3151 - #350F45

CSS codes

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

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