#DF28CF - #FFB0FF | 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 #DF28CF to #FFB0FF

#DF28CF #FFB0FF

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

#DF28CF - #FFB0FF | 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 #DF28CF as 0% and #FFB0FF as 100%.

0.0%	0.0% #DF28CF	RGB 223 40 207	#DF28CF
16.7%	16.7% #E43ED7	RGB 228 62 215	#E43ED7
33.3%	33.3% #E955DF	RGB 233 85 223	#E955DF
50.0%	50.0% #EF6CE7	RGB 239 108 231	#EF6CE7
66.7%	66.7% #F482EF	RGB 244 130 239	#F482EF
83.3%	83.3% #F999F7	RGB 249 153 247	#F999F7
100.0%	100.0% #FFB0FF	RGB 255 176 255	#FFB0FF

#DF28CF #E43ED7 #E955DF #EF6CE7 #F482EF #F999F7 #FFB0FF

#DF28CF - #FFB0FF

HSV Blend

#DF28CF - #FFB0FF | 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 #DF28CF as 0% and #FFB0FF as 100%.

0.0%	0.0% #DF28CF	RGB 223 40 207	#DF28CF
16.7%	16.7% #E43CD8	RGB 228 60 216	#E43CD8
33.3%	33.3% #E951E0	RGB 233 81 224	#E951E0
50.0%	50.0% #EF67E9	RGB 239 103 233	#EF67E9
66.7%	66.7% #F47FF0	RGB 244 127 240	#F47FF0
83.3%	83.3% #F997F8	RGB 249 151 248	#F997F8
100.0%	100.0% #FFB0FF	RGB 255 176 255	#FFB0FF

#DF28CF #E43CD8 #E951E0 #EF67E9 #F47FF0 #F997F8 #FFB0FF

#DF28CF - #EF67E9 - #FFB0FF

CSS codes

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

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