#C7CDBB - #EFF0EB | 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 #C7CDBB to #EFF0EB

#C7CDBB #EFF0EB

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

#C7CDBB - #EFF0EB | 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 #C7CDBB as 0% and #EFF0EB as 100%.

0.0%	0.0% #C7CDBB	RGB 199 205 187	#C7CDBB
16.7%	16.7% #CDD2C3	RGB 205 210 195	#CDD2C3
33.3%	33.3% #D4D8CB	RGB 212 216 203	#D4D8CB
50.0%	50.0% #DBDED3	RGB 219 222 211	#DBDED3
66.7%	66.7% #E1E4DB	RGB 225 228 219	#E1E4DB
83.3%	83.3% #E8EAE3	RGB 232 234 227	#E8EAE3
100.0%	100.0% #EFF0EB	RGB 239 240 235	#EFF0EB

#C7CDBB #CDD2C3 #D4D8CB #DBDED3 #E1E4DB #E8EAE3 #EFF0EB

#C7CDBB - #EFF0EB

HSV Blend

#C7CDBB - #EFF0EB | 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 #C7CDBB as 0% and #EFF0EB as 100%.

0.0%	0.0% #C7CDBB	RGB 199 205 187	#C7CDBB
16.7%	16.7% #CDD2C2	RGB 205 210 194	#CDD2C2
33.3%	33.3% #D4D8CA	RGB 212 216 202	#D4D8CA
50.0%	50.0% #DBDED2	RGB 219 222 210	#DBDED2
66.7%	66.7% #E1E4DA	RGB 225 228 218	#E1E4DA
83.3%	83.3% #E8EAE2	RGB 232 234 226	#E8EAE2
100.0%	100.0% #EFF0EB	RGB 239 240 235	#EFF0EB

#C7CDBB #CDD2C2 #D4D8CA #DBDED2 #E1E4DA #E8EAE2 #EFF0EB

#C7CDBB - #DBDED2 - #EFF0EB

CSS codes

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

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