#CECAD1 - #8D728C | 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 #CECAD1 to #8D728C

#CECAD1 #8D728C

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

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

0.0%	0.0% #CECAD1	RGB 206 202 209	#CECAD1
16.7%	16.7% #C3BBC5	RGB 195 187 197	#C3BBC5
33.3%	33.3% #B8ACBA	RGB 184 172 186	#B8ACBA
50.0%	50.0% #AD9EAE	RGB 173 158 174	#AD9EAE
66.7%	66.7% #A28FA3	RGB 162 143 163	#A28FA3
83.3%	83.3% #978097	RGB 151 128 151	#978097
100.0%	100.0% #8D728C	RGB 141 114 140	#8D728C

#CECAD1 #C3BBC5 #B8ACBA #AD9EAE #A28FA3 #978097 #8D728C

#CECAD1 - #8D728C

HSV Blend

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

0.0%	0.0% #CECAD1	RGB 206 202 209	#CECAD1
16.7%	16.7% #C1B9C5	RGB 193 185 197	#C1B9C5
33.3%	33.3% #B5AABA	RGB 181 170 186	#B5AABA
50.0%	50.0% #AB9BAF	RGB 171 155 175	#AB9BAF
66.7%	66.7% #A08CA3	RGB 160 140 163	#A08CA3
83.3%	83.3% #977F98	RGB 151 127 152	#977F98
100.0%	100.0% #8D728C	RGB 141 114 140	#8D728C

#CECAD1 #C1B9C5 #B5AABA #AB9BAF #A08CA3 #977F98 #8D728C

#CECAD1 - #AB9BAF - #8D728C

CSS codes

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

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