#CCA8B9 - #F0E6EB | 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 #CCA8B9 to #F0E6EB

#CCA8B9 #F0E6EB

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

#CCA8B9 - #F0E6EB | 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 #CCA8B9 as 0% and #F0E6EB as 100%.

0.0%	0.0% #CCA8B9	RGB 204 168 185	#CCA8B9
16.7%	16.7% #D2B2C1	RGB 210 178 193	#D2B2C1
33.3%	33.3% #D8BCC9	RGB 216 188 201	#D8BCC9
50.0%	50.0% #DEC7D2	RGB 222 199 210	#DEC7D2
66.7%	66.7% #E4D1DA	RGB 228 209 218	#E4D1DA
83.3%	83.3% #EADBE2	RGB 234 219 226	#EADBE2
100.0%	100.0% #F0E6EB	RGB 240 230 235	#F0E6EB

#CCA8B9 #D2B2C1 #D8BCC9 #DEC7D2 #E4D1DA #EADBE2 #F0E6EB

#CCA8B9 - #F0E6EB

HSV Blend

#CCA8B9 - #F0E6EB | 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 #CCA8B9 as 0% and #F0E6EB as 100%.

0.0%	0.0% #CCA8B9	RGB 204 168 185	#CCA8B9
16.7%	16.7% #D2B1C1	RGB 210 177 193	#D2B1C1
33.3%	33.3% #D8BBC9	RGB 216 187 201	#D8BBC9
50.0%	50.0% #DEC5D1	RGB 222 197 209	#DEC5D1
66.7%	66.7% #E4D0D9	RGB 228 208 217	#E4D0D9
83.3%	83.3% #EADAE2	RGB 234 218 226	#EADAE2
100.0%	100.0% #F0E6EB	RGB 240 230 235	#F0E6EB

#CCA8B9 #D2B1C1 #D8BBC9 #DEC5D1 #E4D0D9 #EADAE2 #F0E6EB

#CCA8B9 - #DEC5D1 - #F0E6EB

CSS codes

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

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