#C2B6C2 - #EDEAED | 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 #C2B6C2 to #EDEAED

#C2B6C2 #EDEAED

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

#C2B6C2 - #EDEAED | 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 #C2B6C2 as 0% and #EDEAED as 100%.

0.0%	0.0% #C2B6C2	RGB 194 182 194	#C2B6C2
16.7%	16.7% #C9BEC9	RGB 201 190 201	#C9BEC9
33.3%	33.3% #D0C7D0	RGB 208 199 208	#D0C7D0
50.0%	50.0% #D7D0D7	RGB 215 208 215	#D7D0D7
66.7%	66.7% #DED8DE	RGB 222 216 222	#DED8DE
83.3%	83.3% #E5E1E5	RGB 229 225 229	#E5E1E5
100.0%	100.0% #EDEAED	RGB 237 234 237	#EDEAED

#C2B6C2 #C9BEC9 #D0C7D0 #D7D0D7 #DED8DE #E5E1E5 #EDEAED

#C2B6C2 - #EDEAED

HSV Blend

#C2B6C2 - #EDEAED | 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 #C2B6C2 as 0% and #EDEAED as 100%.

0.0%	0.0% #C2B6C2	RGB 194 182 194	#C2B6C2
16.7%	16.7% #C9BEC9	RGB 201 190 201	#C9BEC9
33.3%	33.3% #D0C6D0	RGB 208 198 208	#D0C6D0
50.0%	50.0% #D7CFD7	RGB 215 207 215	#D7CFD7
66.7%	66.7% #DED8DE	RGB 222 216 222	#DED8DE
83.3%	83.3% #E5E1E5	RGB 229 225 229	#E5E1E5
100.0%	100.0% #EDEAED	RGB 237 234 237	#EDEAED

#C2B6C2 #C9BEC9 #D0C6D0 #D7CFD7 #DED8DE #E5E1E5 #EDEAED

#C2B6C2 - #D7CFD7 - #EDEAED

CSS codes

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

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