#5C4D5E - #E6916A | 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 #5C4D5E to #E6916A

#5C4D5E #E6916A

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

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

0.0%	0.0% #5C4D5E	RGB 92 77 94	#5C4D5E
16.7%	16.7% #735860	RGB 115 88 96	#735860
33.3%	33.3% #8A6362	RGB 138 99 98	#8A6362
50.0%	50.0% #A16F64	RGB 161 111 100	#A16F64
66.7%	66.7% #B87A66	RGB 184 122 102	#B87A66
83.3%	83.3% #CF8568	RGB 207 133 104	#CF8568
100.0%	100.0% #E6916A	RGB 230 145 106	#E6916A

#5C4D5E #735860 #8A6362 #A16F64 #B87A66 #CF8568 #E6916A

#5C4D5E - #E6916A

HSV Blend

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

0.0%	0.0% #5C4D5E	RGB 92 77 94	#5C4D5E
16.7%	16.7% #745871	RGB 116 88 113	#745871
33.3%	33.3% #8B617C	RGB 139 97 124	#8B617C
50.0%	50.0% #A2677F	RGB 162 103 127	#A2677F
66.7%	66.7% #B86B77	RGB 184 107 119	#B86B77
83.3%	83.3% #CF736B	RGB 207 115 107	#CF736B
100.0%	100.0% #E6916A	RGB 230 145 106	#E6916A

#5C4D5E #745871 #8B617C #A2677F #B86B77 #CF736B #E6916A

#5C4D5E - #A2677F - #E6916A

CSS codes

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

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