#8C8C5C - #FFCA76 | 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 #8C8C5C to #FFCA76

#8C8C5C #FFCA76

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

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

0.0%	0.0% #8C8C5C	RGB 140 140 92	#8C8C5C
16.7%	16.7% #9F9660	RGB 159 150 96	#9F9660
33.3%	33.3% #B2A064	RGB 178 160 100	#B2A064
50.0%	50.0% #C5AB69	RGB 197 171 105	#C5AB69
66.7%	66.7% #D8B56D	RGB 216 181 109	#D8B56D
83.3%	83.3% #EBBF71	RGB 235 191 113	#EBBF71
100.0%	100.0% #FFCA76	RGB 255 202 118	#FFCA76

#8C8C5C #9F9660 #B2A064 #C5AB69 #D8B56D #EBBF71 #FFCA76

#8C8C5C - #FFCA76

HSV Blend

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

0.0%	0.0% #8C8C5C	RGB 140 140 92	#8C8C5C
16.7%	16.7% #9F9B63	RGB 159 155 99	#9F9B63
33.3%	33.3% #B2A869	RGB 178 168 105	#B2A869
50.0%	50.0% #C5B46E	RGB 197 180 110	#C5B46E
66.7%	66.7% #D8BE72	RGB 216 190 114	#D8BE72
83.3%	83.3% #EBC574	RGB 235 197 116	#EBC574
100.0%	100.0% #FFCA76	RGB 255 202 118	#FFCA76

#8C8C5C #9F9B63 #B2A869 #C5B46E #D8BE72 #EBC574 #FFCA76

#8C8C5C - #C5B46E - #FFCA76

CSS codes

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

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