#DC8CC6 - #F2B0FF | 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 #DC8CC6 to #F2B0FF

#DC8CC6 #F2B0FF

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

#DC8CC6 - #F2B0FF | 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 #DC8CC6 as 0% and #F2B0FF as 100%.

0.0%	0.0% #DC8CC6	RGB 220 140 198	#DC8CC6
16.7%	16.7% #DF92CF	RGB 223 146 207	#DF92CF
33.3%	33.3% #E398D9	RGB 227 152 217	#E398D9
50.0%	50.0% #E79EE2	RGB 231 158 226	#E79EE2
66.7%	66.7% #EAA4EC	RGB 234 164 236	#EAA4EC
83.3%	83.3% #EEAAF5	RGB 238 170 245	#EEAAF5
100.0%	100.0% #F2B0FF	RGB 242 176 255	#F2B0FF

#DC8CC6 #DF92CF #E398D9 #E79EE2 #EAA4EC #EEAAF5 #F2B0FF

#DC8CC6 - #F2B0FF

HSV Blend

#DC8CC6 - #F2B0FF | 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 #DC8CC6 as 0% and #F2B0FF as 100%.

0.0%	0.0% #DC8CC6	RGB 220 140 198	#DC8CC6
16.7%	16.7% #E191D1	RGB 225 145 209	#E191D1
33.3%	33.3% #E797DD	RGB 231 151 221	#E797DD
50.0%	50.0% #ED9DE9	RGB 237 157 233	#ED9DE9
66.7%	66.7% #F1A3F3	RGB 241 163 243	#F1A3F3
83.3%	83.3% #F1A9F9	RGB 241 169 249	#F1A9F9
100.0%	100.0% #F2B0FF	RGB 242 176 255	#F2B0FF

#DC8CC6 #E191D1 #E797DD #ED9DE9 #F1A3F3 #F1A9F9 #F2B0FF

#DC8CC6 - #ED9DE9 - #F2B0FF

CSS codes

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

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