#5E6366 - #BFA58B | 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 #5E6366 to #BFA58B

#5E6366 #BFA58B

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

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

0.0%	0.0% #5E6366	RGB 94 99 102	#5E6366
16.7%	16.7% #6E6E6C	RGB 110 110 108	#6E6E6C
33.3%	33.3% #7E7972	RGB 126 121 114	#7E7972
50.0%	50.0% #8E8478	RGB 142 132 120	#8E8478
66.7%	66.7% #9E8F7E	RGB 158 143 126	#9E8F7E
83.3%	83.3% #AE9A84	RGB 174 154 132	#AE9A84
100.0%	100.0% #BFA58B	RGB 191 165 139	#BFA58B

#5E6366 #6E6E6C #7E7972 #8E8478 #9E8F7E #AE9A84 #BFA58B

#5E6366 - #BFA58B

HSV Blend

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

0.0%	0.0% #5E6366	RGB 94 99 102	#5E6366
16.7%	16.7% #677473	RGB 103 116 115	#677473
33.3%	33.3% #708378	RGB 112 131 120	#708378
50.0%	50.0% #7A9278	RGB 122 146 120	#7A9278
66.7%	66.7% #91A17F	RGB 145 161 127	#91A17F
83.3%	83.3% #B0AF85	RGB 176 175 133	#B0AF85
100.0%	100.0% #BFA58B	RGB 191 165 139	#BFA58B

#5E6366 #677473 #708378 #7A9278 #91A17F #B0AF85 #BFA58B

#5E6366 - #7A9278 - #BFA58B

CSS codes

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

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