#C4ADFF - #FFEAF2 | 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 #C4ADFF to #FFEAF2

#C4ADFF #FFEAF2

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

#C4ADFF - #FFEAF2 | 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 #C4ADFF as 0% and #FFEAF2 as 100%.

0.0%	0.0% #C4ADFF	RGB 196 173 255	#C4ADFF
16.7%	16.7% #CDB7FC	RGB 205 183 252	#CDB7FC
33.3%	33.3% #D7C1FA	RGB 215 193 250	#D7C1FA
50.0%	50.0% #E1CBF8	RGB 225 203 248	#E1CBF8
66.7%	66.7% #EBD5F6	RGB 235 213 246	#EBD5F6
83.3%	83.3% #F5DFF4	RGB 245 223 244	#F5DFF4
100.0%	100.0% #FFEAF2	RGB 255 234 242	#FFEAF2

#C4ADFF #CDB7FC #D7C1FA #E1CBF8 #EBD5F6 #F5DFF4 #FFEAF2

#C4ADFF - #FFEAF2

HSV Blend

#C4ADFF - #FFEAF2 | 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 #C4ADFF as 0% and #FFEAF2 as 100%.

0.0%	0.0% #C4ADFF	RGB 196 173 255	#C4ADFF
16.7%	16.7% #DBB7FF	RGB 219 183 255	#DBB7FF
33.3%	33.3% #EEC1FF	RGB 238 193 255	#EEC1FF
50.0%	50.0% #FCCBFF	RGB 252 203 255	#FCCBFF
66.7%	66.7% #FFD5F7	RGB 255 213 247	#FFD5F7
83.3%	83.3% #FFDFF2	RGB 255 223 242	#FFDFF2
100.0%	100.0% #FFEAF2	RGB 255 234 242	#FFEAF2

#C4ADFF #DBB7FF #EEC1FF #FCCBFF #FFD5F7 #FFDFF2 #FFEAF2

#C4ADFF - #FCCBFF - #FFEAF2

CSS codes

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

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