#FFCDF5 - #E265B9 | 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 #FFCDF5 to #E265B9

#FFCDF5 #E265B9

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

#FFCDF5 - #E265B9 | 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 #FFCDF5 as 0% and #E265B9 as 100%.

0.0%	0.0% #FFCDF5	RGB 255 205 245	#FFCDF5
16.7%	16.7% #FABBEB	RGB 250 187 235	#FABBEB
33.3%	33.3% #F5AAE1	RGB 245 170 225	#F5AAE1
50.0%	50.0% #F099D7	RGB 240 153 215	#F099D7
66.7%	66.7% #EB87CD	RGB 235 135 205	#EB87CD
83.3%	83.3% #E676C3	RGB 230 118 195	#E676C3
100.0%	100.0% #E265B9	RGB 226 101 185	#E265B9

#FFCDF5 #FABBEB #F5AAE1 #F099D7 #EB87CD #E676C3 #E265B9

#FFCDF5 - #E265B9

HSV Blend

#FFCDF5 - #E265B9 | 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 #FFCDF5 as 0% and #E265B9 as 100%.

0.0%	0.0% #FFCDF5	RGB 255 205 245	#FFCDF5
16.7%	16.7% #FABAEC	RGB 250 186 236	#FABAEC
33.3%	33.3% #F5A8E2	RGB 245 168 226	#F5A8E2
50.0%	50.0% #F096D8	RGB 240 150 216	#F096D8
66.7%	66.7% #EB85CE	RGB 235 133 206	#EB85CE
83.3%	83.3% #E674C3	RGB 230 116 195	#E674C3
100.0%	100.0% #E265B9	RGB 226 101 185	#E265B9

#FFCDF5 #FABAEC #F5A8E2 #F096D8 #EB85CE #E674C3 #E265B9

#FFCDF5 - #F096D8 - #E265B9

CSS codes

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

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