#FDC3FF - #E26CEC | 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 #FDC3FF to #E26CEC

#FDC3FF #E26CEC

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

#FDC3FF - #E26CEC | 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 #FDC3FF as 0% and #E26CEC as 100%.

0.0%	0.0% #FDC3FF	RGB 253 195 255	#FDC3FF
16.7%	16.7% #F8B4FB	RGB 248 180 251	#F8B4FB
33.3%	33.3% #F4A6F8	RGB 244 166 248	#F4A6F8
50.0%	50.0% #EF97F5	RGB 239 151 245	#EF97F5
66.7%	66.7% #EB89F2	RGB 235 137 242	#EB89F2
83.3%	83.3% #E67AEF	RGB 230 122 239	#E67AEF
100.0%	100.0% #E26CEC	RGB 226 108 236	#E26CEC

#FDC3FF #F8B4FB #F4A6F8 #EF97F5 #EB89F2 #E67AEF #E26CEC

#FDC3FF - #E26CEC

HSV Blend

#FDC3FF - #E26CEC | 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 #FDC3FF as 0% and #E26CEC as 100%.

0.0%	0.0% #FDC3FF	RGB 253 195 255	#FDC3FF
16.7%	16.7% #F8B3FB	RGB 248 179 251	#F8B3FB
33.3%	33.3% #F4A4F8	RGB 244 164 248	#F4A4F8
50.0%	50.0% #F096F5	RGB 240 150 245	#F096F5
66.7%	66.7% #EB87F2	RGB 235 135 242	#EB87F2
83.3%	83.3% #E679EF	RGB 230 121 239	#E679EF
100.0%	100.0% #E26CEC	RGB 226 108 236	#E26CEC

#FDC3FF #F8B3FB #F4A4F8 #F096F5 #EB87F2 #E679EF #E26CEC

#FDC3FF - #F096F5 - #E26CEC

CSS codes

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

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