#DF64AE - #FDCCCF | 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 #DF64AE to #FDCCCF

#DF64AE #FDCCCF

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

#DF64AE - #FDCCCF | 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 #DF64AE as 0% and #FDCCCF as 100%.

0.0%	0.0% #DF64AE	RGB 223 100 174	#DF64AE
16.7%	16.7% #E475B3	RGB 228 117 179	#E475B3
33.3%	33.3% #E986B9	RGB 233 134 185	#E986B9
50.0%	50.0% #EE98BE	RGB 238 152 190	#EE98BE
66.7%	66.7% #F3A9C4	RGB 243 169 196	#F3A9C4
83.3%	83.3% #F8BAC9	RGB 248 186 201	#F8BAC9
100.0%	100.0% #FDCCCF	RGB 253 204 207	#FDCCCF

#DF64AE #E475B3 #E986B9 #EE98BE #F3A9C4 #F8BAC9 #FDCCCF

#DF64AE - #FDCCCF

HSV Blend

#DF64AE - #FDCCCF | 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 #DF64AE as 0% and #FDCCCF as 100%.

0.0%	0.0% #DF64AE	RGB 223 100 174	#DF64AE
16.7%	16.7% #E473AD	RGB 228 115 173	#E473AD
33.3%	33.3% #E984AE	RGB 233 132 174	#E984AE
50.0%	50.0% #EE95B2	RGB 238 149 178	#EE95B2
66.7%	66.7% #F3A6B9	RGB 243 166 185	#F3A6B9
83.3%	83.3% #F8B9C2	RGB 248 185 194	#F8B9C2
100.0%	100.0% #FDCCCF	RGB 253 204 207	#FDCCCF

#DF64AE #E473AD #E984AE #EE95B2 #F3A6B9 #F8B9C2 #FDCCCF

#DF64AE - #EE95B2 - #FDCCCF

CSS codes

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

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