#FF7EFE - #FFDAFE | 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 #FF7EFE to #FFDAFE

#FF7EFE #FFDAFE

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

#FF7EFE - #FFDAFE | 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 #FF7EFE as 0% and #FFDAFE as 100%.

0.0%	0.0% #FF7EFE	RGB 255 126 254	#FF7EFE
16.7%	16.7% #FF8DFE	RGB 255 141 254	#FF8DFE
33.3%	33.3% #FF9CFE	RGB 255 156 254	#FF9CFE
50.0%	50.0% #FFACFE	RGB 255 172 254	#FFACFE
66.7%	66.7% #FFBBFE	RGB 255 187 254	#FFBBFE
83.3%	83.3% #FFCAFE	RGB 255 202 254	#FFCAFE
100.0%	100.0% #FFDAFE	RGB 255 218 254	#FFDAFE

#FF7EFE #FF8DFE #FF9CFE #FFACFE #FFBBFE #FFCAFE #FFDAFE

#FF7EFE - #FFDAFE

HSV Blend

#FF7EFE - #FFDAFE | 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 #FF7EFE as 0% and #FFDAFE as 100%.

0.0%	0.0% #FF7EFE	RGB 255 126 254	#FF7EFE
16.7%	16.7% #FF8DFD	RGB 255 141 253	#FF8DFD
33.3%	33.3% #FF9CFD	RGB 255 156 253	#FF9CFD
50.0%	50.0% #FFACFD	RGB 255 172 253	#FFACFD
66.7%	66.7% #FFBBFD	RGB 255 187 253	#FFBBFD
83.3%	83.3% #FFCAFD	RGB 255 202 253	#FFCAFD
100.0%	100.0% #FFDAFE	RGB 255 218 254	#FFDAFE

#FF7EFE #FF8DFD #FF9CFD #FFACFD #FFBBFD #FFCAFD #FFDAFE

#FF7EFE - #FFACFD - #FFDAFE

CSS codes

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

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