#DD5DAB - #FEC6CC | 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 #DD5DAB to #FEC6CC

#DD5DAB #FEC6CC

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

#DD5DAB - #FEC6CC | 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 #DD5DAB as 0% and #FEC6CC as 100%.

0.0%	0.0% #DD5DAB	RGB 221 93 171	#DD5DAB
16.7%	16.7% #E26EB0	RGB 226 110 176	#E26EB0
33.3%	33.3% #E880B6	RGB 232 128 182	#E880B6
50.0%	50.0% #ED91BB	RGB 237 145 187	#ED91BB
66.7%	66.7% #F3A3C1	RGB 243 163 193	#F3A3C1
83.3%	83.3% #F8B4C6	RGB 248 180 198	#F8B4C6
100.0%	100.0% #FEC6CC	RGB 254 198 204	#FEC6CC

#DD5DAB #E26EB0 #E880B6 #ED91BB #F3A3C1 #F8B4C6 #FEC6CC

#DD5DAB - #FEC6CC

HSV Blend

#DD5DAB - #FEC6CC | 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 #DD5DAB as 0% and #FEC6CC as 100%.

0.0%	0.0% #DD5DAB	RGB 221 93 171	#DD5DAB
16.7%	16.7% #E26CAA	RGB 226 108 170	#E26CAA
33.3%	33.3% #E87DAC	RGB 232 125 172	#E87DAC
50.0%	50.0% #ED8EB0	RGB 237 142 176	#ED8EB0
66.7%	66.7% #F3A0B7	RGB 243 160 183	#F3A0B7
83.3%	83.3% #F8B2C0	RGB 248 178 192	#F8B2C0
100.0%	100.0% #FEC6CC	RGB 254 198 204	#FEC6CC

#DD5DAB #E26CAA #E87DAC #ED8EB0 #F3A0B7 #F8B2C0 #FEC6CC

#DD5DAB - #ED8EB0 - #FEC6CC

CSS codes

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

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