#5E3C4B - #8B9996 | 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 #5E3C4B to #8B9996

#5E3C4B #8B9996

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

#5E3C4B - #8B9996 | 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 #5E3C4B as 0% and #8B9996 as 100%.

0.0%	0.0% #5E3C4B	RGB 94 60 75	#5E3C4B
16.7%	16.7% #654B57	RGB 101 75 87	#654B57
33.3%	33.3% #6D5B64	RGB 109 91 100	#6D5B64
50.0%	50.0% #746A70	RGB 116 106 112	#746A70
66.7%	66.7% #7C7A7D	RGB 124 122 125	#7C7A7D
83.3%	83.3% #838989	RGB 131 137 137	#838989
100.0%	100.0% #8B9996	RGB 139 153 150	#8B9996

#5E3C4B #654B57 #6D5B64 #746A70 #7C7A7D #838989 #8B9996

#5E3C4B - #8B9996

HSV Blend

#5E3C4B - #8B9996 | 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 #5E3C4B as 0% and #8B9996 as 100%.

0.0%	0.0% #5E3C4B	RGB 94 60 75	#5E3C4B
16.7%	16.7% #674664	RGB 103 70 100	#674664
33.3%	33.3% #665271	RGB 102 82 113	#665271
50.0%	50.0% #645F7B	RGB 100 95 123	#645F7B
66.7%	66.7% #6D7485	RGB 109 116 133	#6D7485
83.3%	83.3% #7B8A8F	RGB 123 138 143	#7B8A8F
100.0%	100.0% #8B9996	RGB 139 153 150	#8B9996

#5E3C4B #674664 #665271 #645F7B #6D7485 #7B8A8F #8B9996

#5E3C4B - #645F7B - #8B9996

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3C4B 0%, #645F7B 50%, #8B9996 100%);
    background: -webkit-linear-gradient(top, #5E3C4B 0%, #645F7B 50%, #8B9996 100%);
    background: linear-gradient(to bottom, #5E3C4B 0%, #645F7B 50%, #8B9996 100%);
}
</style>