#CECDD1 - #88768D | 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 #CECDD1 to #88768D

#CECDD1 #88768D

Calculate the color between two colors, #CECDD1 and #88768D. 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)

#CECDD1 - #88768D | 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 #CECDD1 as 0% and #88768D as 100%.

0.0%	0.0% #CECDD1	RGB 206 205 209	#CECDD1
16.7%	16.7% #C2BEC5	RGB 194 190 197	#C2BEC5
33.3%	33.3% #B6B0BA	RGB 182 176 186	#B6B0BA
50.0%	50.0% #ABA1AF	RGB 171 161 175	#ABA1AF
66.7%	66.7% #9F93A3	RGB 159 147 163	#9F93A3
83.3%	83.3% #938498	RGB 147 132 152	#938498
100.0%	100.0% #88768D	RGB 136 118 141	#88768D

#CECDD1 #C2BEC5 #B6B0BA #ABA1AF #9F93A3 #938498 #88768D

#CECDD1 - #88768D

HSV Blend

#CECDD1 - #88768D | 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 #CECDD1 as 0% and #88768D as 100%.

0.0%	0.0% #CECDD1	RGB 206 205 209	#CECDD1
16.7%	16.7% #C0BDC5	RGB 192 189 197	#C0BDC5
33.3%	33.3% #B3ADBA	RGB 179 173 186	#B3ADBA
50.0%	50.0% #A79FAF	RGB 167 159 175	#A79FAF
66.7%	66.7% #9C90A3	RGB 156 144 163	#9C90A3
83.3%	83.3% #918398	RGB 145 131 152	#918398
100.0%	100.0% #88768D	RGB 136 118 141	#88768D

#CECDD1 #C0BDC5 #B3ADBA #A79FAF #9C90A3 #918398 #88768D

#CECDD1 - #A79FAF - #88768D

CSS codes

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

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