#C3CFA8 - #8A8D47 | 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 #C3CFA8 to #8A8D47

#C3CFA8 #8A8D47

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

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

0.0%	0.0% #C3CFA8	RGB 195 207 168	#C3CFA8
16.7%	16.7% #B9C497	RGB 185 196 151	#B9C497
33.3%	33.3% #B0B987	RGB 176 185 135	#B0B987
50.0%	50.0% #A6AE77	RGB 166 174 119	#A6AE77
66.7%	66.7% #9DA367	RGB 157 163 103	#9DA367
83.3%	83.3% #939857	RGB 147 152 87	#939857
100.0%	100.0% #8A8D47	RGB 138 141 71	#8A8D47

#C3CFA8 #B9C497 #B0B987 #A6AE77 #9DA367 #939857 #8A8D47

#C3CFA8 - #8A8D47

HSV Blend

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

0.0%	0.0% #C3CFA8	RGB 195 207 168	#C3CFA8
16.7%	16.7% #B7C495	RGB 183 196 149	#B7C495
33.3%	33.3% #ADB983	RGB 173 185 131	#ADB983
50.0%	50.0% #A3AE72	RGB 163 174 114	#A3AE72
66.7%	66.7% #9AA362	RGB 154 163 98	#9AA362
83.3%	83.3% #929854	RGB 146 152 84	#929854
100.0%	100.0% #8A8D47	RGB 138 141 71	#8A8D47

#C3CFA8 #B7C495 #ADB983 #A3AE72 #9AA362 #929854 #8A8D47

#C3CFA8 - #A3AE72 - #8A8D47

CSS codes

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

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