#C2AAEB - #FFE5E2 | 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 #C2AAEB to #FFE5E2

#C2AAEB #FFE5E2

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

#C2AAEB - #FFE5E2 | 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 #C2AAEB as 0% and #FFE5E2 as 100%.

0.0%	0.0% #C2AAEB	RGB 194 170 235	#C2AAEB
16.7%	16.7% #CCB3E9	RGB 204 179 233	#CCB3E9
33.3%	33.3% #D6BDE8	RGB 214 189 232	#D6BDE8
50.0%	50.0% #E0C7E6	RGB 224 199 230	#E0C7E6
66.7%	66.7% #EAD1E5	RGB 234 209 229	#EAD1E5
83.3%	83.3% #F4DBE3	RGB 244 219 227	#F4DBE3
100.0%	100.0% #FFE5E2	RGB 255 229 226	#FFE5E2

#C2AAEB #CCB3E9 #D6BDE8 #E0C7E6 #EAD1E5 #F4DBE3 #FFE5E2

#C2AAEB - #FFE5E2

HSV Blend

#C2AAEB - #FFE5E2 | 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 #C2AAEB as 0% and #FFE5E2 as 100%.

0.0%	0.0% #C2AAEB	RGB 194 170 235	#C2AAEB
16.7%	16.7% #DAB2EE	RGB 218 178 238	#DAB2EE
33.3%	33.3% #EEBBF1	RGB 238 187 241	#EEBBF1
50.0%	50.0% #F5C5E9	RGB 245 197 233	#F5C5E9
66.7%	66.7% #F8CEE2	RGB 248 206 226	#F8CEE2
83.3%	83.3% #FBD8DE	RGB 251 216 222	#FBD8DE
100.0%	100.0% #FFE5E2	RGB 255 229 226	#FFE5E2

#C2AAEB #DAB2EE #EEBBF1 #F5C5E9 #F8CEE2 #FBD8DE #FFE5E2

#C2AAEB - #F5C5E9 - #FFE5E2

CSS codes

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

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