#C8C986 - #8D9434 | 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 #C8C986 to #8D9434

#C8C986 #8D9434

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

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

0.0%	0.0% #C8C986	RGB 200 201 134	#C8C986
16.7%	16.7% #BEC078	RGB 190 192 120	#BEC078
33.3%	33.3% #B4B76A	RGB 180 183 106	#B4B76A
50.0%	50.0% #AAAE5D	RGB 170 174 93	#AAAE5D
66.7%	66.7% #A0A54F	RGB 160 165 79	#A0A54F
83.3%	83.3% #969C41	RGB 150 156 65	#969C41
100.0%	100.0% #8D9434	RGB 141 148 52	#8D9434

#C8C986 #BEC078 #B4B76A #AAAE5D #A0A54F #969C41 #8D9434

#C8C986 - #8D9434

HSV Blend

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

0.0%	0.0% #C8C986	RGB 200 201 134	#C8C986
16.7%	16.7% #BEC076	RGB 190 192 118	#BEC076
33.3%	33.3% #B4B766	RGB 180 183 102	#B4B766
50.0%	50.0% #AAAE58	RGB 170 174 88	#AAAE58
66.7%	66.7% #A0A54B	RGB 160 165 75	#A0A54B
83.3%	83.3% #969C3F	RGB 150 156 63	#969C3F
100.0%	100.0% #8D9434	RGB 141 148 52	#8D9434

#C8C986 #BEC076 #B4B766 #AAAE58 #A0A54B #969C3F #8D9434

#C8C986 - #AAAE58 - #8D9434

CSS codes

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

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