#FFDAFD - #D481D1 | 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 #FFDAFD to #D481D1

#FFDAFD #D481D1

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

#FFDAFD - #D481D1 | 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 #FFDAFD as 0% and #D481D1 as 100%.

0.0%	0.0% #FFDAFD	RGB 255 218 253	#FFDAFD
16.7%	16.7% #F7CBF5	RGB 247 203 245	#F7CBF5
33.3%	33.3% #F0BCEE	RGB 240 188 238	#F0BCEE
50.0%	50.0% #E9ADE7	RGB 233 173 231	#E9ADE7
66.7%	66.7% #E29EDF	RGB 226 158 223	#E29EDF
83.3%	83.3% #DB8FD8	RGB 219 143 216	#DB8FD8
100.0%	100.0% #D481D1	RGB 212 129 209	#D481D1

#FFDAFD #F7CBF5 #F0BCEE #E9ADE7 #E29EDF #DB8FD8 #D481D1

#FFDAFD - #D481D1

HSV Blend

#FFDAFD - #D481D1 | 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 #FFDAFD as 0% and #D481D1 as 100%.

0.0%	0.0% #FFDAFD	RGB 255 218 253	#FFDAFD
16.7%	16.7% #F7C9F5	RGB 247 201 245	#F7C9F5
33.3%	33.3% #F0B9EE	RGB 240 185 238	#F0B9EE
50.0%	50.0% #E9AAE6	RGB 233 170 230	#E9AAE6
66.7%	66.7% #E29CDF	RGB 226 156 223	#E29CDF
83.3%	83.3% #DB8ED8	RGB 219 142 216	#DB8ED8
100.0%	100.0% #D481D1	RGB 212 129 209	#D481D1

#FFDAFD #F7C9F5 #F0B9EE #E9AAE6 #E29CDF #DB8ED8 #D481D1

#FFDAFD - #E9AAE6 - #D481D1

CSS codes

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

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