#FF8CFC - #FFDEFE | 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 #FF8CFC to #FFDEFE

#FF8CFC #FFDEFE

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

#FF8CFC - #FFDEFE | 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 #FF8CFC as 0% and #FFDEFE as 100%.

0.0%	0.0% #FF8CFC	RGB 255 140 252	#FF8CFC
16.7%	16.7% #FF99FC	RGB 255 153 252	#FF99FC
33.3%	33.3% #FFA7FC	RGB 255 167 252	#FFA7FC
50.0%	50.0% #FFB5FD	RGB 255 181 253	#FFB5FD
66.7%	66.7% #FFC2FD	RGB 255 194 253	#FFC2FD
83.3%	83.3% #FFD0FD	RGB 255 208 253	#FFD0FD
100.0%	100.0% #FFDEFE	RGB 255 222 254	#FFDEFE

#FF8CFC #FF99FC #FFA7FC #FFB5FD #FFC2FD #FFD0FD #FFDEFE

#FF8CFC - #FFDEFE

HSV Blend

#FF8CFC - #FFDEFE | 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 #FF8CFC as 0% and #FFDEFE as 100%.

0.0%	0.0% #FF8CFC	RGB 255 140 252	#FF8CFC
16.7%	16.7% #FF99FC	RGB 255 153 252	#FF99FC
33.3%	33.3% #FFA7FC	RGB 255 167 252	#FFA7FC
50.0%	50.0% #FFB5FC	RGB 255 181 252	#FFB5FC
66.7%	66.7% #FFC2FD	RGB 255 194 253	#FFC2FD
83.3%	83.3% #FFD0FD	RGB 255 208 253	#FFD0FD
100.0%	100.0% #FFDEFE	RGB 255 222 254	#FFDEFE

#FF8CFC #FF99FC #FFA7FC #FFB5FC #FFC2FD #FFD0FD #FFDEFE

#FF8CFC - #FFB5FC - #FFDEFE

CSS codes

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

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