#C8C984 - #8D9433 | 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 #C8C984 to #8D9433

#C8C984 #8D9433

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

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

0.0%	0.0% #C8C984	RGB 200 201 132	#C8C984
16.7%	16.7% #BEC076	RGB 190 192 118	#BEC076
33.3%	33.3% #B4B769	RGB 180 183 105	#B4B769
50.0%	50.0% #AAAE5B	RGB 170 174 91	#AAAE5B
66.7%	66.7% #A0A54E	RGB 160 165 78	#A0A54E
83.3%	83.3% #969C40	RGB 150 156 64	#969C40
100.0%	100.0% #8D9433	RGB 141 148 51	#8D9433

#C8C984 #BEC076 #B4B769 #AAAE5B #A0A54E #969C40 #8D9433

#C8C984 - #8D9433

HSV Blend

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

0.0%	0.0% #C8C984	RGB 200 201 132	#C8C984
16.7%	16.7% #BEC074	RGB 190 192 116	#BEC074
33.3%	33.3% #B4B765	RGB 180 183 101	#B4B765
50.0%	50.0% #AAAE57	RGB 170 174 87	#AAAE57
66.7%	66.7% #A0A54A	RGB 160 165 74	#A0A54A
83.3%	83.3% #969C3E	RGB 150 156 62	#969C3E
100.0%	100.0% #8D9433	RGB 141 148 51	#8D9433

#C8C984 #BEC074 #B4B765 #AAAE57 #A0A54A #969C3E #8D9433

#C8C984 - #AAAE57 - #8D9433

CSS codes

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

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