#C2ABE5 - #FFE5DD | 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 #C2ABE5 to #FFE5DD

#C2ABE5 #FFE5DD

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

#C2ABE5 - #FFE5DD | 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 #C2ABE5 as 0% and #FFE5DD as 100%.

0.0%	0.0% #C2ABE5	RGB 194 171 229	#C2ABE5
16.7%	16.7% #CCB4E3	RGB 204 180 227	#CCB4E3
33.3%	33.3% #D6BEE2	RGB 214 190 226	#D6BEE2
50.0%	50.0% #E0C8E1	RGB 224 200 225	#E0C8E1
66.7%	66.7% #EAD1DF	RGB 234 209 223	#EAD1DF
83.3%	83.3% #F4DBDE	RGB 244 219 222	#F4DBDE
100.0%	100.0% #FFE5DD	RGB 255 229 221	#FFE5DD

#C2ABE5 #CCB4E3 #D6BEE2 #E0C8E1 #EAD1DF #F4DBDE #FFE5DD

#C2ABE5 - #FFE5DD

HSV Blend

#C2ABE5 - #FFE5DD | 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 #C2ABE5 as 0% and #FFE5DD as 100%.

0.0%	0.0% #C2ABE5	RGB 194 171 229	#C2ABE5
16.7%	16.7% #D9B2E9	RGB 217 178 233	#D9B2E9
33.3%	33.3% #EDBAED	RGB 237 186 237	#EDBAED
50.0%	50.0% #F2C3E3	RGB 242 195 227	#F2C3E3
66.7%	66.7% #F6CBDB	RGB 246 203 219	#F6CBDB
83.3%	83.3% #FAD4D6	RGB 250 212 214	#FAD4D6
100.0%	100.0% #FFE5DD	RGB 255 229 221	#FFE5DD

#C2ABE5 #D9B2E9 #EDBAED #F2C3E3 #F6CBDB #FAD4D6 #FFE5DD

#C2ABE5 - #F2C3E3 - #FFE5DD

CSS codes

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

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