#C1A8C4 - #FFCCD1 | 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 #C1A8C4 to #FFCCD1

#C1A8C4 #FFCCD1

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

#C1A8C4 - #FFCCD1 | 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 #C1A8C4 as 0% and #FFCCD1 as 100%.

0.0%	0.0% #C1A8C4	RGB 193 168 196	#C1A8C4
16.7%	16.7% #CBAEC6	RGB 203 174 198	#CBAEC6
33.3%	33.3% #D5B4C8	RGB 213 180 200	#D5B4C8
50.0%	50.0% #E0BACA	RGB 224 186 202	#E0BACA
66.7%	66.7% #EAC0CC	RGB 234 192 204	#EAC0CC
83.3%	83.3% #F4C6CE	RGB 244 198 206	#F4C6CE
100.0%	100.0% #FFCCD1	RGB 255 204 209	#FFCCD1

#C1A8C4 #CBAEC6 #D5B4C8 #E0BACA #EAC0CC #F4C6CE #FFCCD1

#C1A8C4 - #FFCCD1

HSV Blend

#C1A8C4 - #FFCCD1 | 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 #C1A8C4 as 0% and #FFCCD1 as 100%.

0.0%	0.0% #C1A8C4	RGB 193 168 196	#C1A8C4
16.7%	16.7% #CDAECB	RGB 205 174 203	#CDAECB
33.3%	33.3% #D7B4CF	RGB 215 180 207	#D7B4CF
50.0%	50.0% #E1BAD2	RGB 225 186 210	#E1BAD2
66.7%	66.7% #EBC0D3	RGB 235 192 211	#EBC0D3
83.3%	83.3% #F5C6D2	RGB 245 198 210	#F5C6D2
100.0%	100.0% #FFCCD1	RGB 255 204 209	#FFCCD1

#C1A8C4 #CDAECB #D7B4CF #E1BAD2 #EBC0D3 #F5C6D2 #FFCCD1

#C1A8C4 - #E1BAD2 - #FFCCD1

CSS codes

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

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