#FEB8FF - #C0D0FF | 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 #FEB8FF to #C0D0FF

#FEB8FF #C0D0FF

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

#FEB8FF - #C0D0FF | 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 #FEB8FF as 0% and #C0D0FF as 100%.

0.0%	0.0% #FEB8FF	RGB 254 184 255	#FEB8FF
16.7%	16.7% #F3BCFF	RGB 243 188 255	#F3BCFF
33.3%	33.3% #E9C0FF	RGB 233 192 255	#E9C0FF
50.0%	50.0% #DFC4FF	RGB 223 196 255	#DFC4FF
66.7%	66.7% #D4C8FF	RGB 212 200 255	#D4C8FF
83.3%	83.3% #CACCFF	RGB 202 204 255	#CACCFF
100.0%	100.0% #C0D0FF	RGB 192 208 255	#C0D0FF

#FEB8FF #F3BCFF #E9C0FF #DFC4FF #D4C8FF #CACCFF #C0D0FF

#FEB8FF - #C0D0FF

HSV Blend

#FEB8FF - #C0D0FF | 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 #FEB8FF as 0% and #C0D0FF as 100%.

0.0%	0.0% #FEB8FF	RGB 254 184 255	#FEB8FF
16.7%	16.7% #EFB9FF	RGB 239 185 255	#EFB9FF
33.3%	33.3% #E1BAFF	RGB 225 186 255	#E1BAFF
50.0%	50.0% #D4BCFF	RGB 212 188 255	#D4BCFF
66.7%	66.7% #C7BDFF	RGB 199 189 255	#C7BDFF
83.3%	83.3% #BEC1FF	RGB 190 193 255	#BEC1FF
100.0%	100.0% #C0D0FF	RGB 192 208 255	#C0D0FF

#FEB8FF #EFB9FF #E1BAFF #D4BCFF #C7BDFF #BEC1FF #C0D0FF

#FEB8FF - #D4BCFF - #C0D0FF

CSS codes

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

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