#CCCEC4 - #8A9971 | 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 #CCCEC4 to #8A9971

#CCCEC4 #8A9971

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

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

0.0%	0.0% #CCCEC4	RGB 204 206 196	#CCCEC4
16.7%	16.7% #C1C5B6	RGB 193 197 182	#C1C5B6
33.3%	33.3% #B6BCA8	RGB 182 188 168	#B6BCA8
50.0%	50.0% #ABB39A	RGB 171 179 154	#ABB39A
66.7%	66.7% #A0AA8C	RGB 160 170 140	#A0AA8C
83.3%	83.3% #95A17E	RGB 149 161 126	#95A17E
100.0%	100.0% #8A9971	RGB 138 153 113	#8A9971

#CCCEC4 #C1C5B6 #B6BCA8 #ABB39A #A0AA8C #95A17E #8A9971

#CCCEC4 - #8A9971

HSV Blend

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

0.0%	0.0% #CCCEC4	RGB 204 206 196	#CCCEC4
16.7%	16.7% #C1C5B4	RGB 193 197 180	#C1C5B4
33.3%	33.3% #B6BCA5	RGB 182 188 165	#B6BCA5
50.0%	50.0% #ABB397	RGB 171 179 151	#ABB397
66.7%	66.7% #A0AA8A	RGB 160 170 138	#A0AA8A
83.3%	83.3% #95A17D	RGB 149 161 125	#95A17D
100.0%	100.0% #8A9971	RGB 138 153 113	#8A9971

#CCCEC4 #C1C5B4 #B6BCA5 #ABB397 #A0AA8A #95A17D #8A9971

#CCCEC4 - #ABB397 - #8A9971

CSS codes

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

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