#DC9AD2 - #FCDCD9 | 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 #DC9AD2 to #FCDCD9

#DC9AD2 #FCDCD9

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

#DC9AD2 - #FCDCD9 | 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 #DC9AD2 as 0% and #FCDCD9 as 100%.

0.0%	0.0% #DC9AD2	RGB 220 154 210	#DC9AD2
16.7%	16.7% #E1A5D3	RGB 225 165 211	#E1A5D3
33.3%	33.3% #E6B0D4	RGB 230 176 212	#E6B0D4
50.0%	50.0% #ECBBD5	RGB 236 187 213	#ECBBD5
66.7%	66.7% #F1C6D6	RGB 241 198 214	#F1C6D6
83.3%	83.3% #F6D1D7	RGB 246 209 215	#F6D1D7
100.0%	100.0% #FCDCD9	RGB 252 220 217	#FCDCD9

#DC9AD2 #E1A5D3 #E6B0D4 #ECBBD5 #F1C6D6 #F6D1D7 #FCDCD9

#DC9AD2 - #FCDCD9

HSV Blend

#DC9AD2 - #FCDCD9 | 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 #DC9AD2 as 0% and #FCDCD9 as 100%.

0.0%	0.0% #DC9AD2	RGB 220 154 210	#DC9AD2
16.7%	16.7% #E1A3CE	RGB 225 163 206	#E1A3CE
33.3%	33.3% #E6ADCC	RGB 230 173 204	#E6ADCC
50.0%	50.0% #ECB8CB	RGB 236 184 203	#ECB8CB
66.7%	66.7% #F1C2CD	RGB 241 194 205	#F1C2CD
83.3%	83.3% #F6CDD0	RGB 246 205 208	#F6CDD0
100.0%	100.0% #FCDCD9	RGB 252 220 217	#FCDCD9

#DC9AD2 #E1A3CE #E6ADCC #ECB8CB #F1C2CD #F6CDD0 #FCDCD9

#DC9AD2 - #ECB8CB - #FCDCD9

CSS codes

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

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