#C6BDC7 - #EFECED | 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 #C6BDC7 to #EFECED

#C6BDC7 #EFECED

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

#C6BDC7 - #EFECED | 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 #C6BDC7 as 0% and #EFECED as 100%.

0.0%	0.0% #C6BDC7	RGB 198 189 199	#C6BDC7
16.7%	16.7% #CCC4CD	RGB 204 196 205	#CCC4CD
33.3%	33.3% #D3CCD3	RGB 211 204 211	#D3CCD3
50.0%	50.0% #DAD4DA	RGB 218 212 218	#DAD4DA
66.7%	66.7% #E1DCE0	RGB 225 220 224	#E1DCE0
83.3%	83.3% #E8E4E6	RGB 232 228 230	#E8E4E6
100.0%	100.0% #EFECED	RGB 239 236 237	#EFECED

#C6BDC7 #CCC4CD #D3CCD3 #DAD4DA #E1DCE0 #E8E4E6 #EFECED

#C6BDC7 - #EFECED

HSV Blend

#C6BDC7 - #EFECED | 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 #C6BDC7 as 0% and #EFECED as 100%.

0.0%	0.0% #C6BDC7	RGB 198 189 199	#C6BDC7
16.7%	16.7% #CDC4CD	RGB 205 196 205	#CDC4CD
33.3%	33.3% #D4CCD3	RGB 212 204 211	#D4CCD3
50.0%	50.0% #DBD4D9	RGB 219 212 217	#DBD4D9
66.7%	66.7% #E1DBDF	RGB 225 219 223	#E1DBDF
83.3%	83.3% #E8E3E5	RGB 232 227 229	#E8E3E5
100.0%	100.0% #EFECED	RGB 239 236 237	#EFECED

#C6BDC7 #CDC4CD #D4CCD3 #DBD4D9 #E1DBDF #E8E3E5 #EFECED

#C6BDC7 - #DBD4D9 - #EFECED

CSS codes

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

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