#F3C0FF - #DF5CDC | 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 #F3C0FF to #DF5CDC

#F3C0FF #DF5CDC

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

#F3C0FF - #DF5CDC | 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 #F3C0FF as 0% and #DF5CDC as 100%.

0.0%	0.0% #F3C0FF	RGB 243 192 255	#F3C0FF
16.7%	16.7% #EFAFF9	RGB 239 175 249	#EFAFF9
33.3%	33.3% #EC9EF3	RGB 236 158 243	#EC9EF3
50.0%	50.0% #E98EED	RGB 233 142 237	#E98EED
66.7%	66.7% #E57DE7	RGB 229 125 231	#E57DE7
83.3%	83.3% #E26CE1	RGB 226 108 225	#E26CE1
100.0%	100.0% #DF5CDC	RGB 223 92 220	#DF5CDC

#F3C0FF #EFAFF9 #EC9EF3 #E98EED #E57DE7 #E26CE1 #DF5CDC

#F3C0FF - #DF5CDC

HSV Blend

#F3C0FF - #DF5CDC | 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 #F3C0FF as 0% and #DF5CDC as 100%.

0.0%	0.0% #F3C0FF	RGB 243 192 255	#F3C0FF
16.7%	16.7% #EDADF9	RGB 237 173 249	#EDADF9
33.3%	33.3% #E99CF4	RGB 233 156 244	#E99CF4
50.0%	50.0% #E68BEF	RGB 230 139 239	#E68BEF
66.7%	66.7% #E47AE9	RGB 228 122 233	#E47AE9
83.3%	83.3% #E26BE4	RGB 226 107 228	#E26BE4
100.0%	100.0% #DF5CDC	RGB 223 92 220	#DF5CDC

#F3C0FF #EDADF9 #E99CF4 #E68BEF #E47AE9 #E26BE4 #DF5CDC

#F3C0FF - #E68BEF - #DF5CDC

CSS codes

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

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