#8C8A8D - #FFC791 | 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 #8C8A8D to #FFC791

#8C8A8D #FFC791

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

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

0.0%	0.0% #8C8A8D	RGB 140 138 141	#8C8A8D
16.7%	16.7% #9F948D	RGB 159 148 141	#9F948D
33.3%	33.3% #B29E8E	RGB 178 158 142	#B29E8E
50.0%	50.0% #C5A88F	RGB 197 168 143	#C5A88F
66.7%	66.7% #D8B28F	RGB 216 178 143	#D8B28F
83.3%	83.3% #EBBC90	RGB 235 188 144	#EBBC90
100.0%	100.0% #FFC791	RGB 255 199 145	#FFC791

#8C8A8D #9F948D #B29E8E #C5A88F #D8B28F #EBBC90 #FFC791

#8C8A8D - #FFC791

HSV Blend

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

0.0%	0.0% #8C8A8D	RGB 140 138 141	#8C8A8D
16.7%	16.7% #9F91A0	RGB 159 145 160	#9F91A0
33.3%	33.3% #B396AB	RGB 179 150 171	#B396AB
50.0%	50.0% #C699AC	RGB 198 153 172	#C699AC
66.7%	66.7% #D999A0	RGB 217 153 160	#D999A0
83.3%	83.3% #ECA696	RGB 236 166 150	#ECA696
100.0%	100.0% #FFC791	RGB 255 199 145	#FFC791

#8C8A8D #9F91A0 #B396AB #C699AC #D999A0 #ECA696 #FFC791

#8C8A8D - #C699AC - #FFC791

CSS codes

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

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