#FEB9F9 - #DF40C0 | 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 #FEB9F9 to #DF40C0

#FEB9F9 #DF40C0

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

#FEB9F9 - #DF40C0 | 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 #FEB9F9 as 0% and #DF40C0 as 100%.

0.0%	0.0% #FEB9F9	RGB 254 185 249	#FEB9F9
16.7%	16.7% #F8A4EF	RGB 248 164 239	#F8A4EF
33.3%	33.3% #F390E6	RGB 243 144 230	#F390E6
50.0%	50.0% #EE7CDC	RGB 238 124 220	#EE7CDC
66.7%	66.7% #E968D3	RGB 233 104 211	#E968D3
83.3%	83.3% #E454C9	RGB 228 84 201	#E454C9
100.0%	100.0% #DF40C0	RGB 223 64 192	#DF40C0

#FEB9F9 #F8A4EF #F390E6 #EE7CDC #E968D3 #E454C9 #DF40C0

#FEB9F9 - #DF40C0

HSV Blend

#FEB9F9 - #DF40C0 | 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 #FEB9F9 as 0% and #DF40C0 as 100%.

0.0%	0.0% #FEB9F9	RGB 254 185 249	#FEB9F9
16.7%	16.7% #F8A2F0	RGB 248 162 240	#F8A2F0
33.3%	33.3% #F38DE8	RGB 243 141 232	#F38DE8
50.0%	50.0% #EE79DE	RGB 238 121 222	#EE79DE
66.7%	66.7% #E965D4	RGB 233 101 212	#E965D4
83.3%	83.3% #E452CA	RGB 228 82 202	#E452CA
100.0%	100.0% #DF40C0	RGB 223 64 192	#DF40C0

#FEB9F9 #F8A2F0 #F38DE8 #EE79DE #E965D4 #E452CA #DF40C0

#FEB9F9 - #EE79DE - #DF40C0

CSS codes

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

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