#5E607B - #B3A197 | 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 #5E607B to #B3A197

#5E607B #B3A197

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

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

0.0%	0.0% #5E607B	RGB 94 96 123	#5E607B
16.7%	16.7% #6C6A7F	RGB 108 106 127	#6C6A7F
33.3%	33.3% #7A7584	RGB 122 117 132	#7A7584
50.0%	50.0% #888089	RGB 136 128 137	#888089
66.7%	66.7% #968B8D	RGB 150 139 141	#968B8D
83.3%	83.3% #A49692	RGB 164 150 146	#A49692
100.0%	100.0% #B3A197	RGB 179 161 151	#B3A197

#5E607B #6C6A7F #7A7584 #888089 #968B8D #A49692 #B3A197

#5E607B - #B3A197

HSV Blend

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

0.0%	0.0% #5E607B	RGB 94 96 123	#5E607B
16.7%	16.7% #706684	RGB 112 102 132	#706684
33.3%	33.3% #85708D	RGB 133 112 141	#85708D
50.0%	50.0% #977992	RGB 151 121 146	#977992
66.7%	66.7% #A08390	RGB 160 131 144	#A08390
83.3%	83.3% #A98C8E	RGB 169 140 142	#A98C8E
100.0%	100.0% #B3A197	RGB 179 161 151	#B3A197

#5E607B #706684 #85708D #977992 #A08390 #A98C8E #B3A197

#5E607B - #977992 - #B3A197

CSS codes

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

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