#D48FD1 - #FEC1CB | 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 #D48FD1 to #FEC1CB

#D48FD1 #FEC1CB

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

#D48FD1 - #FEC1CB | 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 #D48FD1 as 0% and #FEC1CB as 100%.

0.0%	0.0% #D48FD1	RGB 212 143 209	#D48FD1
16.7%	16.7% #DB97D0	RGB 219 151 208	#DB97D0
33.3%	33.3% #E29FCF	RGB 226 159 207	#E29FCF
50.0%	50.0% #E9A8CE	RGB 233 168 206	#E9A8CE
66.7%	66.7% #F0B0CD	RGB 240 176 205	#F0B0CD
83.3%	83.3% #F7B8CC	RGB 247 184 204	#F7B8CC
100.0%	100.0% #FEC1CB	RGB 254 193 203	#FEC1CB

#D48FD1 #DB97D0 #E29FCF #E9A8CE #F0B0CD #F7B8CC #FEC1CB

#D48FD1 - #FEC1CB

HSV Blend

#D48FD1 - #FEC1CB | 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 #D48FD1 as 0% and #FEC1CB as 100%.

0.0%	0.0% #D48FD1	RGB 212 143 209	#D48FD1
16.7%	16.7% #DB96CF	RGB 219 150 207	#DB96CF
33.3%	33.3% #E29ECD	RGB 226 158 205	#E29ECD
50.0%	50.0% #E9A7CC	RGB 233 167 204	#E9A7CC
66.7%	66.7% #F0AFCB	RGB 240 175 203	#F0AFCB
83.3%	83.3% #F7B8CA	RGB 247 184 202	#F7B8CA
100.0%	100.0% #FEC1CB	RGB 254 193 203	#FEC1CB

#D48FD1 #DB96CF #E29ECD #E9A7CC #F0AFCB #F7B8CA #FEC1CB

#D48FD1 - #E9A7CC - #FEC1CB

CSS codes

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

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