#CACDC1 - #8C9D6E | 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 #CACDC1 to #8C9D6E

#CACDC1 #8C9D6E

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

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

0.0%	0.0% #CACDC1	RGB 202 205 193	#CACDC1
16.7%	16.7% #BFC5B3	RGB 191 197 179	#BFC5B3
33.3%	33.3% #B5BDA5	RGB 181 189 165	#B5BDA5
50.0%	50.0% #ABB597	RGB 171 181 151	#ABB597
66.7%	66.7% #A0AD89	RGB 160 173 137	#A0AD89
83.3%	83.3% #96A57B	RGB 150 165 123	#96A57B
100.0%	100.0% #8C9D6E	RGB 140 157 110	#8C9D6E

#CACDC1 #BFC5B3 #B5BDA5 #ABB597 #A0AD89 #96A57B #8C9D6E

#CACDC1 - #8C9D6E

HSV Blend

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

0.0%	0.0% #CACDC1	RGB 202 205 193	#CACDC1
16.7%	16.7% #BFC5B1	RGB 191 197 177	#BFC5B1
33.3%	33.3% #B5BDA2	RGB 181 189 162	#B5BDA2
50.0%	50.0% #ABB594	RGB 171 181 148	#ABB594
66.7%	66.7% #A0AD87	RGB 160 173 135	#A0AD87
83.3%	83.3% #96A57A	RGB 150 165 122	#96A57A
100.0%	100.0% #8C9D6E	RGB 140 157 110	#8C9D6E

#CACDC1 #BFC5B1 #B5BDA2 #ABB594 #A0AD87 #96A57A #8C9D6E

#CACDC1 - #ABB594 - #8C9D6E

CSS codes

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

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