#FFB9F7 - #DF41BD | 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 #FFB9F7 to #DF41BD

#FFB9F7 #DF41BD

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

#FFB9F7 - #DF41BD | 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 #FFB9F7 as 0% and #DF41BD as 100%.

0.0%	0.0% #FFB9F7	RGB 255 185 247	#FFB9F7
16.7%	16.7% #F9A5ED	RGB 249 165 237	#F9A5ED
33.3%	33.3% #F491E3	RGB 244 145 227	#F491E3
50.0%	50.0% #EF7DDA	RGB 239 125 218	#EF7DDA
66.7%	66.7% #E969D0	RGB 233 105 208	#E969D0
83.3%	83.3% #E455C6	RGB 228 85 198	#E455C6
100.0%	100.0% #DF41BD	RGB 223 65 189	#DF41BD

#FFB9F7 #F9A5ED #F491E3 #EF7DDA #E969D0 #E455C6 #DF41BD

#FFB9F7 - #DF41BD

HSV Blend

#FFB9F7 - #DF41BD | 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 #FFB9F7 as 0% and #DF41BD as 100%.

0.0%	0.0% #FFB9F7	RGB 255 185 247	#FFB9F7
16.7%	16.7% #F9A3EE	RGB 249 163 238	#F9A3EE
33.3%	33.3% #F48DE5	RGB 244 141 229	#F48DE5
50.0%	50.0% #EF79DB	RGB 239 121 219	#EF79DB
66.7%	66.7% #E965D1	RGB 233 101 209	#E965D1
83.3%	83.3% #E453C7	RGB 228 83 199	#E453C7
100.0%	100.0% #DF41BD	RGB 223 65 189	#DF41BD

#FFB9F7 #F9A3EE #F48DE5 #EF79DB #E965D1 #E453C7 #DF41BD

#FFB9F7 - #EF79DB - #DF41BD

CSS codes

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

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