#C4AFE5 - #FFDCE2 | 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 #C4AFE5 to #FFDCE2

#C4AFE5 #FFDCE2

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

#C4AFE5 - #FFDCE2 | 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 #C4AFE5 as 0% and #FFDCE2 as 100%.

0.0%	0.0% #C4AFE5	RGB 196 175 229	#C4AFE5
16.7%	16.7% #CDB6E4	RGB 205 182 228	#CDB6E4
33.3%	33.3% #D7BEE4	RGB 215 190 228	#D7BEE4
50.0%	50.0% #E1C5E3	RGB 225 197 227	#E1C5E3
66.7%	66.7% #EBCDE3	RGB 235 205 227	#EBCDE3
83.3%	83.3% #F5D4E2	RGB 245 212 226	#F5D4E2
100.0%	100.0% #FFDCE2	RGB 255 220 226	#FFDCE2

#C4AFE5 #CDB6E4 #D7BEE4 #E1C5E3 #EBCDE3 #F5D4E2 #FFDCE2

#C4AFE5 - #FFDCE2

HSV Blend

#C4AFE5 - #FFDCE2 | 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 #C4AFE5 as 0% and #FFDCE2 as 100%.

0.0%	0.0% #C4AFE5	RGB 196 175 229	#C4AFE5
16.7%	16.7% #D6B6E9	RGB 214 182 233	#D6B6E9
33.3%	33.3% #E7BDED	RGB 231 189 237	#E7BDED
50.0%	50.0% #F2C4ED	RGB 242 196 237	#F2C4ED
66.7%	66.7% #F6CCE7	RGB 246 204 231	#F6CCE7
83.3%	83.3% #FAD4E3	RGB 250 212 227	#FAD4E3
100.0%	100.0% #FFDCE2	RGB 255 220 226	#FFDCE2

#C4AFE5 #D6B6E9 #E7BDED #F2C4ED #F6CCE7 #FAD4E3 #FFDCE2

#C4AFE5 - #F2C4ED - #FFDCE2

CSS codes

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

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