#CECFCC - #899B7B | 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 #CECFCC to #899B7B

#CECFCC #899B7B

Calculate the color between two colors, #CECFCC and #899B7B. 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)

#CECFCC - #899B7B | 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 #CECFCC as 0% and #899B7B as 100%.

0.0%	0.0% #CECFCC	RGB 206 207 204	#CECFCC
16.7%	16.7% #C2C6BE	RGB 194 198 190	#C2C6BE
33.3%	33.3% #B7BDB1	RGB 183 189 177	#B7BDB1
50.0%	50.0% #ABB5A3	RGB 171 181 163	#ABB5A3
66.7%	66.7% #A0AC96	RGB 160 172 150	#A0AC96
83.3%	83.3% #94A388	RGB 148 163 136	#94A388
100.0%	100.0% #899B7B	RGB 137 155 123	#899B7B

#CECFCC #C2C6BE #B7BDB1 #ABB5A3 #A0AC96 #94A388 #899B7B

#CECFCC - #899B7B

HSV Blend

#CECFCC - #899B7B | 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 #CECFCC as 0% and #899B7B as 100%.

0.0%	0.0% #CECFCC	RGB 206 207 204	#CECFCC
16.7%	16.7% #C2C6BD	RGB 194 198 189	#C2C6BD
33.3%	33.3% #B7BDAE	RGB 183 189 174	#B7BDAE
50.0%	50.0% #ACB5A1	RGB 172 181 161	#ACB5A1
66.7%	66.7% #A0AC93	RGB 160 172 147	#A0AC93
83.3%	83.3% #94A387	RGB 148 163 135	#94A387
100.0%	100.0% #899B7B	RGB 137 155 123	#899B7B

#CECFCC #C2C6BD #B7BDAE #ACB5A1 #A0AC93 #94A387 #899B7B

#CECFCC - #ACB5A1 - #899B7B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CECFCC 0%, #ACB5A1 50%, #899B7B 100%);
    background: -webkit-linear-gradient(top, #CECFCC 0%, #ACB5A1 50%, #899B7B 100%);
    background: linear-gradient(to bottom, #CECFCC 0%, #ACB5A1 50%, #899B7B 100%);
}
</style>