#5E647D - #B6A59B | 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 #5E647D to #B6A59B

#5E647D #B6A59B

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

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

0.0%	0.0% #5E647D	RGB 94 100 125	#5E647D
16.7%	16.7% #6C6E82	RGB 108 110 130	#6C6E82
33.3%	33.3% #7B7987	RGB 123 121 135	#7B7987
50.0%	50.0% #8A848C	RGB 138 132 140	#8A848C
66.7%	66.7% #988F91	RGB 152 143 145	#988F91
83.3%	83.3% #A79A96	RGB 167 154 150	#A79A96
100.0%	100.0% #B6A59B	RGB 182 165 155	#B6A59B

#5E647D #6C6E82 #7B7987 #8A848C #988F91 #A79A96 #B6A59B

#5E647D - #B6A59B

HSV Blend

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

0.0%	0.0% #5E647D	RGB 94 100 125	#5E647D
16.7%	16.7% #6E6786	RGB 110 103 134	#6E6786
33.3%	33.3% #857190	RGB 133 113 144	#857190
50.0%	50.0% #997B96	RGB 153 123 150	#997B96
66.7%	66.7% #A38593	RGB 163 133 147	#A38593
83.3%	83.3% #AC9091	RGB 172 144 145	#AC9091
100.0%	100.0% #B6A59B	RGB 182 165 155	#B6A59B

#5E647D #6E6786 #857190 #997B96 #A38593 #AC9091 #B6A59B

#5E647D - #997B96 - #B6A59B

CSS codes

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

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