#DD6AA3 - #FECBC1 | 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 #DD6AA3 to #FECBC1

#DD6AA3 #FECBC1

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

#DD6AA3 - #FECBC1 | 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 #DD6AA3 as 0% and #FECBC1 as 100%.

0.0%	0.0% #DD6AA3	RGB 221 106 163	#DD6AA3
16.7%	16.7% #E27AA8	RGB 226 122 168	#E27AA8
33.3%	33.3% #E88AAD	RGB 232 138 173	#E88AAD
50.0%	50.0% #ED9AB2	RGB 237 154 178	#ED9AB2
66.7%	66.7% #F3AAB7	RGB 243 170 183	#F3AAB7
83.3%	83.3% #F8BABC	RGB 248 186 188	#F8BABC
100.0%	100.0% #FECBC1	RGB 254 203 193	#FECBC1

#DD6AA3 #E27AA8 #E88AAD #ED9AB2 #F3AAB7 #F8BABC #FECBC1

#DD6AA3 - #FECBC1

HSV Blend

#DD6AA3 - #FECBC1 | 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 #DD6AA3 as 0% and #FECBC1 as 100%.

0.0%	0.0% #DD6AA3	RGB 221 106 163	#DD6AA3
16.7%	16.7% #E277A0	RGB 226 119 160	#E277A0
33.3%	33.3% #E884A0	RGB 232 132 160	#E884A0
50.0%	50.0% #ED93A2	RGB 237 147 162	#ED93A2
66.7%	66.7% #F3A1A6	RGB 243 161 166	#F3A1A6
83.3%	83.3% #F8B5B1	RGB 248 181 177	#F8B5B1
100.0%	100.0% #FECBC1	RGB 254 203 193	#FECBC1

#DD6AA3 #E277A0 #E884A0 #ED93A2 #F3A1A6 #F8B5B1 #FECBC1

#DD6AA3 - #ED93A2 - #FECBC1

CSS codes

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

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