#DF8FC6 - #F2B2FF | 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 #DF8FC6 to #F2B2FF

#DF8FC6 #F2B2FF

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

#DF8FC6 - #F2B2FF | 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 #DF8FC6 as 0% and #F2B2FF as 100%.

0.0%	0.0% #DF8FC6	RGB 223 143 198	#DF8FC6
16.7%	16.7% #E294CF	RGB 226 148 207	#E294CF
33.3%	33.3% #E59AD9	RGB 229 154 217	#E59AD9
50.0%	50.0% #E8A0E2	RGB 232 160 226	#E8A0E2
66.7%	66.7% #EBA6EC	RGB 235 166 236	#EBA6EC
83.3%	83.3% #EEACF5	RGB 238 172 245	#EEACF5
100.0%	100.0% #F2B2FF	RGB 242 178 255	#F2B2FF

#DF8FC6 #E294CF #E59AD9 #E8A0E2 #EBA6EC #EEACF5 #F2B2FF

#DF8FC6 - #F2B2FF

HSV Blend

#DF8FC6 - #F2B2FF | 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 #DF8FC6 as 0% and #F2B2FF as 100%.

0.0%	0.0% #DF8FC6	RGB 223 143 198	#DF8FC6
16.7%	16.7% #E494D1	RGB 228 148 209	#E494D1
33.3%	33.3% #E99ADD	RGB 233 154 221	#E99ADD
50.0%	50.0% #EFA0E9	RGB 239 160 233	#EFA0E9
66.7%	66.7% #F3A5F4	RGB 243 165 244	#F3A5F4
83.3%	83.3% #F2ABF9	RGB 242 171 249	#F2ABF9
100.0%	100.0% #F2B2FF	RGB 242 178 255	#F2B2FF

#DF8FC6 #E494D1 #E99ADD #EFA0E9 #F3A5F4 #F2ABF9 #F2B2FF

#DF8FC6 - #EFA0E9 - #F2B2FF

CSS codes

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

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