#FFCDF3 - #DC71A2 | 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 #FFCDF3 to #DC71A2

#FFCDF3 #DC71A2

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

#FFCDF3 - #DC71A2 | 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 #FFCDF3 as 0% and #DC71A2 as 100%.

0.0%	0.0% #FFCDF3	RGB 255 205 243	#FFCDF3
16.7%	16.7% #F9BDE5	RGB 249 189 229	#F9BDE5
33.3%	33.3% #F3AED8	RGB 243 174 216	#F3AED8
50.0%	50.0% #ED9FCA	RGB 237 159 202	#ED9FCA
66.7%	66.7% #E78FBD	RGB 231 143 189	#E78FBD
83.3%	83.3% #E180AF	RGB 225 128 175	#E180AF
100.0%	100.0% #DC71A2	RGB 220 113 162	#DC71A2

#FFCDF3 #F9BDE5 #F3AED8 #ED9FCA #E78FBD #E180AF #DC71A2

#FFCDF3 - #DC71A2

HSV Blend

#FFCDF3 - #DC71A2 | 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 #FFCDF3 as 0% and #DC71A2 as 100%.

0.0%	0.0% #FFCDF3	RGB 255 205 243	#FFCDF3
16.7%	16.7% #F9BCE7	RGB 249 188 231	#F9BCE7
33.3%	33.3% #F3ACDB	RGB 243 172 219	#F3ACDB
50.0%	50.0% #ED9CCD	RGB 237 156 205	#ED9CCD
66.7%	66.7% #E78DBF	RGB 231 141 191	#E78DBF
83.3%	83.3% #E17EB1	RGB 225 126 177	#E17EB1
100.0%	100.0% #DC71A2	RGB 220 113 162	#DC71A2

#FFCDF3 #F9BCE7 #F3ACDB #ED9CCD #E78DBF #E17EB1 #DC71A2

#FFCDF3 - #ED9CCD - #DC71A2

CSS codes

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

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