#CFCFC3 - #99A16E | 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 #CFCFC3 to #99A16E

#CFCFC3 #99A16E

Calculate the color between two colors, #CFCFC3 and #99A16E. 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)

#CFCFC3 - #99A16E | 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 #CFCFC3 as 0% and #99A16E as 100%.

0.0%	0.0% #CFCFC3	RGB 207 207 195	#CFCFC3
16.7%	16.7% #C6C7B4	RGB 198 199 180	#C6C7B4
33.3%	33.3% #BDBFA6	RGB 189 191 166	#BDBFA6
50.0%	50.0% #B4B898	RGB 180 184 152	#B4B898
66.7%	66.7% #ABB08A	RGB 171 176 138	#ABB08A
83.3%	83.3% #A2A87C	RGB 162 168 124	#A2A87C
100.0%	100.0% #99A16E	RGB 153 161 110	#99A16E

#CFCFC3 #C6C7B4 #BDBFA6 #B4B898 #ABB08A #A2A87C #99A16E

#CFCFC3 - #99A16E

HSV Blend

#CFCFC3 - #99A16E | 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 #CFCFC3 as 0% and #99A16E as 100%.

0.0%	0.0% #CFCFC3	RGB 207 207 195	#CFCFC3
16.7%	16.7% #C6C7B3	RGB 198 199 179	#C6C7B3
33.3%	33.3% #BEBFA4	RGB 190 191 164	#BEBFA4
50.0%	50.0% #B5B895	RGB 181 184 149	#B5B895
66.7%	66.7% #ACB087	RGB 172 176 135	#ACB087
83.3%	83.3% #A2A87A	RGB 162 168 122	#A2A87A
100.0%	100.0% #99A16E	RGB 153 161 110	#99A16E

#CFCFC3 #C6C7B3 #BEBFA4 #B5B895 #ACB087 #A2A87A #99A16E

#CFCFC3 - #B5B895 - #99A16E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CFCFC3 0%, #B5B895 50%, #99A16E 100%);
    background: -webkit-linear-gradient(top, #CFCFC3 0%, #B5B895 50%, #99A16E 100%);
    background: linear-gradient(to bottom, #CFCFC3 0%, #B5B895 50%, #99A16E 100%);
}
</style>