#DF63B0 - #FDCCD1 | 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 #DF63B0 to #FDCCD1

#DF63B0 #FDCCD1

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

#DF63B0 - #FDCCD1 | 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 #DF63B0 as 0% and #FDCCD1 as 100%.

0.0%	0.0% #DF63B0	RGB 223 99 176	#DF63B0
16.7%	16.7% #E474B5	RGB 228 116 181	#E474B5
33.3%	33.3% #E986BB	RGB 233 134 187	#E986BB
50.0%	50.0% #EE97C0	RGB 238 151 192	#EE97C0
66.7%	66.7% #F3A9C6	RGB 243 169 198	#F3A9C6
83.3%	83.3% #F8BACB	RGB 248 186 203	#F8BACB
100.0%	100.0% #FDCCD1	RGB 253 204 209	#FDCCD1

#DF63B0 #E474B5 #E986BB #EE97C0 #F3A9C6 #F8BACB #FDCCD1

#DF63B0 - #FDCCD1

HSV Blend

#DF63B0 - #FDCCD1 | 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 #DF63B0 as 0% and #FDCCD1 as 100%.

0.0%	0.0% #DF63AF	RGB 223 99 175	#DF63AF
16.7%	16.7% #E472AF	RGB 228 114 175	#E472AF
33.3%	33.3% #E983B1	RGB 233 131 177	#E983B1
50.0%	50.0% #EE94B5	RGB 238 148 181	#EE94B5
66.7%	66.7% #F3A6BB	RGB 243 166 187	#F3A6BB
83.3%	83.3% #F8B8C4	RGB 248 184 196	#F8B8C4
100.0%	100.0% #FDCCD1	RGB 253 204 209	#FDCCD1

#DF63AF #E472AF #E983B1 #EE94B5 #F3A6BB #F8B8C4 #FDCCD1

#DF63B0 - #EE94B5 - #FDCCD1

CSS codes

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

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