#DC83F0 - #FCDFF0 | 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 #DC83F0 to #FCDFF0

#DC83F0 #FCDFF0

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

#DC83F0 - #FCDFF0 | 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 #DC83F0 as 0% and #FCDFF0 as 100%.

0.0%	0.0% #DC83F0	RGB 220 131 240	#DC83F0
16.7%	16.7% #E192F0	RGB 225 146 240	#E192F0
33.3%	33.3% #E6A1F0	RGB 230 161 240	#E6A1F0
50.0%	50.0% #ECB1F0	RGB 236 177 240	#ECB1F0
66.7%	66.7% #F1C0F0	RGB 241 192 240	#F1C0F0
83.3%	83.3% #F6CFF0	RGB 246 207 240	#F6CFF0
100.0%	100.0% #FCDFF0	RGB 252 223 240	#FCDFF0

#DC83F0 #E192F0 #E6A1F0 #ECB1F0 #F1C0F0 #F6CFF0 #FCDFF0

#DC83F0 - #FCDFF0

HSV Blend

#DC83F0 - #FCDFF0 | 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 #DC83F0 as 0% and #FCDFF0 as 100%.

0.0%	0.0% #DC83F0	RGB 220 131 240	#DC83F0
16.7%	16.7% #E991F2	RGB 233 145 242	#E991F2
33.3%	33.3% #F4A0F2	RGB 244 160 242	#F4A0F2
50.0%	50.0% #F6AFED	RGB 246 175 237	#F6AFED
66.7%	66.7% #F8BFEB	RGB 248 191 235	#F8BFEB
83.3%	83.3% #FACFEC	RGB 250 207 236	#FACFEC
100.0%	100.0% #FCDFF0	RGB 252 223 240	#FCDFF0

#DC83F0 #E991F2 #F4A0F2 #F6AFED #F8BFEB #FACFEC #FCDFF0

#DC83F0 - #F6AFED - #FCDFF0

CSS codes

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

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