#CACDA1 - #8D994C | 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 #CACDA1 to #8D994C

#CACDA1 #8D994C

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

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

0.0%	0.0% #CACDA1	RGB 202 205 161	#CACDA1
16.7%	16.7% #BFC492	RGB 191 196 146	#BFC492
33.3%	33.3% #B5BB84	RGB 181 187 132	#B5BB84
50.0%	50.0% #ABB376	RGB 171 179 118	#ABB376
66.7%	66.7% #A1AA68	RGB 161 170 104	#A1AA68
83.3%	83.3% #97A15A	RGB 151 161 90	#97A15A
100.0%	100.0% #8D994C	RGB 141 153 76	#8D994C

#CACDA1 #BFC492 #B5BB84 #ABB376 #A1AA68 #97A15A #8D994C

#CACDA1 - #8D994C

HSV Blend

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

0.0%	0.0% #CACDA1	RGB 202 205 161	#CACDA1
16.7%	16.7% #C0C490	RGB 192 196 144	#C0C490
33.3%	33.3% #B5BB81	RGB 181 187 129	#B5BB81
50.0%	50.0% #ABB372	RGB 171 179 114	#ABB372
66.7%	66.7% #A1AA64	RGB 161 170 100	#A1AA64
83.3%	83.3% #97A158	RGB 151 161 88	#97A158
100.0%	100.0% #8D994C	RGB 141 153 76	#8D994C

#CACDA1 #C0C490 #B5BB81 #ABB372 #A1AA64 #97A158 #8D994C

#CACDA1 - #ABB372 - #8D994C

CSS codes

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

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