#8D767B - #F9BD94 | 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 #8D767B to #F9BD94

#8D767B #F9BD94

Calculate the color between two colors, #8D767B and #F9BD94. 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)

#8D767B - #F9BD94 | 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 #8D767B as 0% and #F9BD94 as 100%.

0.0%	0.0% #8D767B	RGB 141 118 123	#8D767B
16.7%	16.7% #9F817F	RGB 159 129 127	#9F817F
33.3%	33.3% #B18D83	RGB 177 141 131	#B18D83
50.0%	50.0% #C39987	RGB 195 153 135	#C39987
66.7%	66.7% #D5A58B	RGB 213 165 139	#D5A58B
83.3%	83.3% #E7B18F	RGB 231 177 143	#E7B18F
100.0%	100.0% #F9BD94	RGB 249 189 148	#F9BD94

#8D767B #9F817F #B18D83 #C39987 #D5A58B #E7B18F #F9BD94

#8D767B - #F9BD94

HSV Blend

#8D767B - #F9BD94 | 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 #8D767B as 0% and #F9BD94 as 100%.

0.0%	0.0% #8D767B	RGB 141 118 123	#8D767B
16.7%	16.7% #9F7E82	RGB 159 126 130	#9F7E82
33.3%	33.3% #B18586	RGB 177 133 134	#B18586
50.0%	50.0% #C3908B	RGB 195 144 139	#C3908B
66.7%	66.7% #D59D8F	RGB 213 157 143	#D59D8F
83.3%	83.3% #E7AC92	RGB 231 172 146	#E7AC92
100.0%	100.0% #F9BD94	RGB 249 189 148	#F9BD94

#8D767B #9F7E82 #B18586 #C3908B #D59D8F #E7AC92 #F9BD94

#8D767B - #C3908B - #F9BD94

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8D767B 0%, #C3908B 50%, #F9BD94 100%);
    background: -webkit-linear-gradient(top, #8D767B 0%, #C3908B 50%, #F9BD94 100%);
    background: linear-gradient(to bottom, #8D767B 0%, #C3908B 50%, #F9BD94 100%);
}
</style>