#CECDD7 - #8B7395 | 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 #CECDD7 to #8B7395

#CECDD7 #8B7395

Calculate the color between two colors, #CECDD7 and #8B7395. 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)

#CECDD7 - #8B7395 | 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 #CECDD7 as 0% and #8B7395 as 100%.

0.0%	0.0% #CECDD7	RGB 206 205 215	#CECDD7
16.7%	16.7% #C2BECC	RGB 194 190 204	#C2BECC
33.3%	33.3% #B7AFC1	RGB 183 175 193	#B7AFC1
50.0%	50.0% #ACA0B6	RGB 172 160 182	#ACA0B6
66.7%	66.7% #A191AB	RGB 161 145 171	#A191AB
83.3%	83.3% #9682A0	RGB 150 130 160	#9682A0
100.0%	100.0% #8B7395	RGB 139 115 149	#8B7395

#CECDD7 #C2BECC #B7AFC1 #ACA0B6 #A191AB #9682A0 #8B7395

#CECDD7 - #8B7395

HSV Blend

#CECDD7 - #8B7395 | 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 #CECDD7 as 0% and #8B7395 as 100%.

0.0%	0.0% #CECDD7	RGB 206 205 215	#CECDD7
16.7%	16.7% #BFBCCC	RGB 191 188 204	#BFBCCC
33.3%	33.3% #B2ACC1	RGB 178 172 193	#B2ACC1
50.0%	50.0% #A79DB6	RGB 167 157 182	#A79DB6
66.7%	66.7% #9C8EAB	RGB 156 142 171	#9C8EAB
83.3%	83.3% #9380A0	RGB 147 128 160	#9380A0
100.0%	100.0% #8B7395	RGB 139 115 149	#8B7395

#CECDD7 #BFBCCC #B2ACC1 #A79DB6 #9C8EAB #9380A0 #8B7395

#CECDD7 - #A79DB6 - #8B7395

CSS codes

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

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