#FFB8F1 - #D44FCA | 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 #FFB8F1 to #D44FCA

#FFB8F1 #D44FCA

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

#FFB8F1 - #D44FCA | 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 #FFB8F1 as 0% and #D44FCA as 100%.

0.0%	0.0% #FFB8F1	RGB 255 184 241	#FFB8F1
16.7%	16.7% #F7A6EA	RGB 247 166 234	#F7A6EA
33.3%	33.3% #F095E4	RGB 240 149 228	#F095E4
50.0%	50.0% #E983DD	RGB 233 131 221	#E983DD
66.7%	66.7% #E272D7	RGB 226 114 215	#E272D7
83.3%	83.3% #DB60D0	RGB 219 96 208	#DB60D0
100.0%	100.0% #D44FCA	RGB 212 79 202	#D44FCA

#FFB8F1 #F7A6EA #F095E4 #E983DD #E272D7 #DB60D0 #D44FCA

#FFB8F1 - #D44FCA

HSV Blend

#FFB8F1 - #D44FCA | 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 #FFB8F1 as 0% and #D44FCA as 100%.

0.0%	0.0% #FFB8F1	RGB 255 184 241	#FFB8F1
16.7%	16.7% #F7A4E9	RGB 247 164 233	#F7A4E9
33.3%	33.3% #F091E1	RGB 240 145 225	#F091E1
50.0%	50.0% #E97FDB	RGB 233 127 219	#E97FDB
66.7%	66.7% #E26ED4	RGB 226 110 212	#E26ED4
83.3%	83.3% #DB5ECF	RGB 219 94 207	#DB5ECF
100.0%	100.0% #D44FCA	RGB 212 79 202	#D44FCA

#FFB8F1 #F7A4E9 #F091E1 #E97FDB #E26ED4 #DB5ECF #D44FCA

#FFB8F1 - #E97FDB - #D44FCA

CSS codes

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

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