#5E6165 - #BCA287 | 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 #5E6165 to #BCA287

#5E6165 #BCA287

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

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

0.0%	0.0% #5E6165	RGB 94 97 101	#5E6165
16.7%	16.7% #6D6B6A	RGB 109 107 106	#6D6B6A
33.3%	33.3% #7D7670	RGB 125 118 112	#7D7670
50.0%	50.0% #8D8176	RGB 141 129 118	#8D8176
66.7%	66.7% #9C8C7B	RGB 156 140 123	#9C8C7B
83.3%	83.3% #AC9781	RGB 172 151 129	#AC9781
100.0%	100.0% #BCA287	RGB 188 162 135	#BCA287

#5E6165 #6D6B6A #7D7670 #8D8176 #9C8C7B #AC9781 #BCA287

#5E6165 - #BCA287

HSV Blend

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

0.0%	0.0% #5E6165	RGB 94 97 101	#5E6165
16.7%	16.7% #686773	RGB 104 103 115	#686773
33.3%	33.3% #796F82	RGB 121 111 130	#796F82
50.0%	50.0% #90778F	RGB 144 119 143	#90778F
66.7%	66.7% #9F7D8D	RGB 159 125 141	#9F7D8D
83.3%	83.3% #AD8382	RGB 173 131 130	#AD8382
100.0%	100.0% #BCA287	RGB 188 162 135	#BCA287

#5E6165 #686773 #796F82 #90778F #9F7D8D #AD8382 #BCA287

#5E6165 - #90778F - #BCA287

CSS codes

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

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