#CFCFCD - #888B7A | 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 #CFCFCD to #888B7A

#CFCFCD #888B7A

Calculate the color between two colors, #CFCFCD and #888B7A. 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)

#CFCFCD - #888B7A | 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 #CFCFCD as 0% and #888B7A as 100%.

0.0%	0.0% #CFCFCD	RGB 207 207 205	#CFCFCD
16.7%	16.7% #C3C3BF	RGB 195 195 191	#C3C3BF
33.3%	33.3% #B7B8B1	RGB 183 184 177	#B7B8B1
50.0%	50.0% #ABADA3	RGB 171 173 163	#ABADA3
66.7%	66.7% #9FA195	RGB 159 161 149	#9FA195
83.3%	83.3% #939687	RGB 147 150 135	#939687
100.0%	100.0% #888B7A	RGB 136 139 122	#888B7A

#CFCFCD #C3C3BF #B7B8B1 #ABADA3 #9FA195 #939687 #888B7A

#CFCFCD - #888B7A

HSV Blend

#CFCFCD - #888B7A | 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 #CFCFCD as 0% and #888B7A as 100%.

0.0%	0.0% #CFCFCD	RGB 207 207 205	#CFCFCD
16.7%	16.7% #C3C3BE	RGB 195 195 190	#C3C3BE
33.3%	33.3% #B7B8AF	RGB 183 184 175	#B7B8AF
50.0%	50.0% #ABADA1	RGB 171 173 161	#ABADA1
66.7%	66.7% #A0A193	RGB 160 161 147	#A0A193
83.3%	83.3% #949686	RGB 148 150 134	#949686
100.0%	100.0% #888B7A	RGB 136 139 122	#888B7A

#CFCFCD #C3C3BE #B7B8AF #ABADA1 #A0A193 #949686 #888B7A

#CFCFCD - #ABADA1 - #888B7A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CFCFCD 0%, #ABADA1 50%, #888B7A 100%);
    background: -webkit-linear-gradient(top, #CFCFCD 0%, #ABADA1 50%, #888B7A 100%);
    background: linear-gradient(to bottom, #CFCFCD 0%, #ABADA1 50%, #888B7A 100%);
}
</style>