#CDCCC7 - #79936C | 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 #CDCCC7 to #79936C

#CDCCC7 #79936C

Calculate the color between two colors, #CDCCC7 and #79936C. 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)

#CDCCC7 - #79936C | 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 #CDCCC7 as 0% and #79936C as 100%.

0.0%	0.0% #CDCCC7	RGB 205 204 199	#CDCCC7
16.7%	16.7% #BFC2B7	RGB 191 194 183	#BFC2B7
33.3%	33.3% #B1B9A8	RGB 177 185 168	#B1B9A8
50.0%	50.0% #A3AF99	RGB 163 175 153	#A3AF99
66.7%	66.7% #95A68A	RGB 149 166 138	#95A68A
83.3%	83.3% #879C7B	RGB 135 156 123	#879C7B
100.0%	100.0% #79936C	RGB 121 147 108	#79936C

#CDCCC7 #BFC2B7 #B1B9A8 #A3AF99 #95A68A #879C7B #79936C

#CDCCC7 - #79936C

HSV Blend

#CDCCC7 - #79936C | 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 #CDCCC7 as 0% and #79936C as 100%.

0.0%	0.0% #CDCCC7	RGB 205 204 199	#CDCCC7
16.7%	16.7% #C3C2B5	RGB 195 194 181	#C3C2B5
33.3%	33.3% #B7B9A5	RGB 183 185 165	#B7B9A5
50.0%	50.0% #A9B096	RGB 169 176 150	#A9B096
66.7%	66.7% #9AA687	RGB 154 166 135	#9AA687
83.3%	83.3% #899C79	RGB 137 156 121	#899C79
100.0%	100.0% #79936C	RGB 121 147 108	#79936C

#CDCCC7 #C3C2B5 #B7B9A5 #A9B096 #9AA687 #899C79 #79936C

#CDCCC7 - #A9B096 - #79936C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CDCCC7 0%, #A9B096 50%, #79936C 100%);
    background: -webkit-linear-gradient(top, #CDCCC7 0%, #A9B096 50%, #79936C 100%);
    background: linear-gradient(to bottom, #CDCCC7 0%, #A9B096 50%, #79936C 100%);
}
</style>