#DF8DBE - #FAE3DB | 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 #DF8DBE to #FAE3DB

#DF8DBE #FAE3DB

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

#DF8DBE - #FAE3DB | 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 #DF8DBE as 0% and #FAE3DB as 100%.

0.0%	0.0% #DF8DBE	RGB 223 141 190	#DF8DBE
16.7%	16.7% #E39BC2	RGB 227 155 194	#E39BC2
33.3%	33.3% #E8A9C7	RGB 232 169 199	#E8A9C7
50.0%	50.0% #ECB8CC	RGB 236 184 204	#ECB8CC
66.7%	66.7% #F1C6D1	RGB 241 198 209	#F1C6D1
83.3%	83.3% #F5D4D6	RGB 245 212 214	#F5D4D6
100.0%	100.0% #FAE3DB	RGB 250 227 219	#FAE3DB

#DF8DBE #E39BC2 #E8A9C7 #ECB8CC #F1C6D1 #F5D4D6 #FAE3DB

#DF8DBE - #FAE3DB

HSV Blend

#DF8DBE - #FAE3DB | 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 #DF8DBE as 0% and #FAE3DB as 100%.

0.0%	0.0% #DF8DBD	RGB 223 141 189	#DF8DBD
16.7%	16.7% #E399BA	RGB 227 153 186	#E399BA
33.3%	33.3% #E8A5BA	RGB 232 165 186	#E8A5BA
50.0%	50.0% #ECB2BC	RGB 236 178 188	#ECB2BC
66.7%	66.7% #F1BFC0	RGB 241 191 192	#F1BFC0
83.3%	83.3% #F5D1CD	RGB 245 209 205	#F5D1CD
100.0%	100.0% #FAE3DB	RGB 250 227 219	#FAE3DB

#DF8DBD #E399BA #E8A5BA #ECB2BC #F1BFC0 #F5D1CD #FAE3DB

#DF8DBE - #ECB2BC - #FAE3DB

CSS codes

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

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