#C8BAE5 - #FFEADC | 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 #C8BAE5 to #FFEADC

#C8BAE5 #FFEADC

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

#C8BAE5 - #FFEADC | 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 #C8BAE5 as 0% and #FFEADC as 100%.

0.0%	0.0% #C8BAE5	RGB 200 186 229	#C8BAE5
16.7%	16.7% #D1C2E3	RGB 209 194 227	#D1C2E3
33.3%	33.3% #DACAE2	RGB 218 202 226	#DACAE2
50.0%	50.0% #E3D2E0	RGB 227 210 224	#E3D2E0
66.7%	66.7% #ECDADF	RGB 236 218 223	#ECDADF
83.3%	83.3% #F5E2DD	RGB 245 226 221	#F5E2DD
100.0%	100.0% #FFEADC	RGB 255 234 220	#FFEADC

#C8BAE5 #D1C2E3 #DACAE2 #E3D2E0 #ECDADF #F5E2DD #FFEADC

#C8BAE5 - #FFEADC

HSV Blend

#C8BAE5 - #FFEADC | 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 #C8BAE5 as 0% and #FFEADC as 100%.

0.0%	0.0% #C8BAE5	RGB 200 186 229	#C8BAE5
16.7%	16.7% #DBBFE9	RGB 219 191 233	#DBBFE9
33.3%	33.3% #EDC5EC	RGB 237 197 236	#EDC5EC
50.0%	50.0% #F2CAE3	RGB 242 202 227	#F2CAE3
66.7%	66.7% #F6D0DB	RGB 246 208 219	#F6D0DB
83.3%	83.3% #FAD8D6	RGB 250 216 214	#FAD8D6
100.0%	100.0% #FFEADC	RGB 255 234 220	#FFEADC

#C8BAE5 #DBBFE9 #EDC5EC #F2CAE3 #F6D0DB #FAD8D6 #FFEADC

#C8BAE5 - #F2CAE3 - #FFEADC

CSS codes

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

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