#C9CAC4 - #EFEEEE | 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 #C9CAC4 to #EFEEEE

#C9CAC4 #EFEEEE

Calculate the color between two colors, #C9CAC4 and #EFEEEE. 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)

#C9CAC4 - #EFEEEE | 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 #C9CAC4 as 0% and #EFEEEE as 100%.

0.0%	0.0% #C9CAC4	RGB 201 202 196	#C9CAC4
16.7%	16.7% #CFD0CB	RGB 207 208 203	#CFD0CB
33.3%	33.3% #D5D6D2	RGB 213 214 210	#D5D6D2
50.0%	50.0% #DCDCD9	RGB 220 220 217	#DCDCD9
66.7%	66.7% #E2E2E0	RGB 226 226 224	#E2E2E0
83.3%	83.3% #E8E8E7	RGB 232 232 231	#E8E8E7
100.0%	100.0% #EFEEEE	RGB 239 238 238	#EFEEEE

#C9CAC4 #CFD0CB #D5D6D2 #DCDCD9 #E2E2E0 #E8E8E7 #EFEEEE

#C9CAC4 - #EFEEEE

HSV Blend

#C9CAC4 - #EFEEEE | 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 #C9CAC4 as 0% and #EFEEEE as 100%.

0.0%	0.0% #C9CAC4	RGB 201 202 196	#C9CAC4
16.7%	16.7% #D0D0CA	RGB 208 208 202	#D0D0CA
33.3%	33.3% #D6D5D1	RGB 214 213 209	#D6D5D1
50.0%	50.0% #DCDAD8	RGB 220 218 216	#DCDAD8
66.7%	66.7% #E2E0DF	RGB 226 224 223	#E2E0DF
83.3%	83.3% #E8E7E6	RGB 232 231 230	#E8E7E6
100.0%	100.0% #EFEEEE	RGB 239 238 238	#EFEEEE

#C9CAC4 #D0D0CA #D6D5D1 #DCDAD8 #E2E0DF #E8E7E6 #EFEEEE

#C9CAC4 - #DCDAD8 - #EFEEEE

CSS codes

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

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