#FF87F7 - #FFDCFD | 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 #FF87F7 to #FFDCFD

#FF87F7 #FFDCFD

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

#FF87F7 - #FFDCFD | 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 #FF87F7 as 0% and #FFDCFD as 100%.

0.0%	0.0% #FF87F7	RGB 255 135 247	#FF87F7
16.7%	16.7% #FF95F8	RGB 255 149 248	#FF95F8
33.3%	33.3% #FFA3F9	RGB 255 163 249	#FFA3F9
50.0%	50.0% #FFB1FA	RGB 255 177 250	#FFB1FA
66.7%	66.7% #FFBFFB	RGB 255 191 251	#FFBFFB
83.3%	83.3% #FFCDFC	RGB 255 205 252	#FFCDFC
100.0%	100.0% #FFDCFD	RGB 255 220 253	#FFDCFD

#FF87F7 #FF95F8 #FFA3F9 #FFB1FA #FFBFFB #FFCDFC #FFDCFD

#FF87F7 - #FFDCFD

HSV Blend

#FF87F7 - #FFDCFD | 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 #FF87F7 as 0% and #FFDCFD as 100%.

0.0%	0.0% #FF87F7	RGB 255 135 247	#FF87F7
16.7%	16.7% #FF95F8	RGB 255 149 248	#FF95F8
33.3%	33.3% #FFA3F9	RGB 255 163 249	#FFA3F9
50.0%	50.0% #FFB1FA	RGB 255 177 250	#FFB1FA
66.7%	66.7% #FFBFFB	RGB 255 191 251	#FFBFFB
83.3%	83.3% #FFCDFC	RGB 255 205 252	#FFCDFC
100.0%	100.0% #FFDCFD	RGB 255 220 253	#FFDCFD

#FF87F7 #FF95F8 #FFA3F9 #FFB1FA #FFBFFB #FFCDFC #FFDCFD

#FF87F7 - #FFB1FA - #FFDCFD

CSS codes

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

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