#FDBAE2 - #DA4F9E | 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 #FDBAE2 to #DA4F9E

#FDBAE2 #DA4F9E

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

#FDBAE2 - #DA4F9E | 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 #FDBAE2 as 0% and #DA4F9E as 100%.

0.0%	0.0% #FDBAE2	RGB 253 186 226	#FDBAE2
16.7%	16.7% #F7A8D6	RGB 247 168 214	#F7A8D6
33.3%	33.3% #F196CB	RGB 241 150 203	#F196CB
50.0%	50.0% #EB84C0	RGB 235 132 192	#EB84C0
66.7%	66.7% #E572B4	RGB 229 114 180	#E572B4
83.3%	83.3% #DF60A9	RGB 223 96 169	#DF60A9
100.0%	100.0% #DA4F9E	RGB 218 79 158	#DA4F9E

#FDBAE2 #F7A8D6 #F196CB #EB84C0 #E572B4 #DF60A9 #DA4F9E

#FDBAE2 - #DA4F9E

HSV Blend

#FDBAE2 - #DA4F9E | 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 #FDBAE2 as 0% and #DA4F9E as 100%.

0.0%	0.0% #FDBAE2	RGB 253 186 226	#FDBAE2
16.7%	16.7% #F7A6D6	RGB 247 166 214	#F7A6D6
33.3%	33.3% #F193CA	RGB 241 147 202	#F193CA
50.0%	50.0% #EB81BF	RGB 235 129 191	#EB81BF
66.7%	66.7% #E56FB3	RGB 229 111 179	#E56FB3
83.3%	83.3% #DF5FA8	RGB 223 95 168	#DF5FA8
100.0%	100.0% #DA4F9E	RGB 218 79 158	#DA4F9E

#FDBAE2 #F7A6D6 #F193CA #EB81BF #E56FB3 #DF5FA8 #DA4F9E

#FDBAE2 - #EB81BF - #DA4F9E

CSS codes

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

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