#5E534B - #B56E97 | 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 #5E534B to #B56E97

#5E534B #B56E97

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

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

0.0%	0.0% #5E534B	RGB 94 83 75	#5E534B
16.7%	16.7% #6C5757	RGB 108 87 87	#6C5757
33.3%	33.3% #7B5C64	RGB 123 92 100	#7B5C64
50.0%	50.0% #896071	RGB 137 96 113	#896071
66.7%	66.7% #98657D	RGB 152 101 125	#98657D
83.3%	83.3% #A6698A	RGB 166 105 138	#A6698A
100.0%	100.0% #B56E97	RGB 181 110 151	#B56E97

#5E534B #6C5757 #7B5C64 #896071 #98657D #A6698A #B56E97

#5E534B - #B56E97

HSV Blend

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

0.0%	0.0% #5E534B	RGB 94 83 75	#5E534B
16.7%	16.7% #6C5953	RGB 108 89 83	#6C5953
33.3%	33.3% #7B5D5A	RGB 123 93 90	#7B5D5A
50.0%	50.0% #896063	RGB 137 96 99	#896063
66.7%	66.7% #986672	RGB 152 102 114	#986672
83.3%	83.3% #A66A83	RGB 166 106 131	#A66A83
100.0%	100.0% #B56E97	RGB 181 110 151	#B56E97

#5E534B #6C5953 #7B5D5A #896063 #986672 #A66A83 #B56E97

#5E534B - #896063 - #B56E97

CSS codes

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

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