#FFEFF2 - #DD8F94 | 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 #FFEFF2 to #DD8F94

#FFEFF2 #DD8F94

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

#FFEFF2 - #DD8F94 | 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 #FFEFF2 as 0% and #DD8F94 as 100%.

0.0%	0.0% #FFEFF2	RGB 255 239 242	#FFEFF2
16.7%	16.7% #F9DFE2	RGB 249 223 226	#F9DFE2
33.3%	33.3% #F3CFD2	RGB 243 207 210	#F3CFD2
50.0%	50.0% #EEBFC3	RGB 238 191 195	#EEBFC3
66.7%	66.7% #E8AFB3	RGB 232 175 179	#E8AFB3
83.3%	83.3% #E29FA3	RGB 226 159 163	#E29FA3
100.0%	100.0% #DD8F94	RGB 221 143 148	#DD8F94

#FFEFF2 #F9DFE2 #F3CFD2 #EEBFC3 #E8AFB3 #E29FA3 #DD8F94

#FFEFF2 - #DD8F94

HSV Blend

#FFEFF2 - #DD8F94 | 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 #FFEFF2 as 0% and #DD8F94 as 100%.

0.0%	0.0% #FFEFF2	RGB 255 239 242	#FFEFF2
16.7%	16.7% #F9DDE2	RGB 249 221 226	#F9DDE2
33.3%	33.3% #F3CCD2	RGB 243 204 210	#F3CCD2
50.0%	50.0% #EEBCC2	RGB 238 188 194	#EEBCC2
66.7%	66.7% #E8ACB3	RGB 232 172 179	#E8ACB3
83.3%	83.3% #E29DA3	RGB 226 157 163	#E29DA3
100.0%	100.0% #DD8F94	RGB 221 143 148	#DD8F94

#FFEFF2 #F9DDE2 #F3CCD2 #EEBCC2 #E8ACB3 #E29DA3 #DD8F94

#FFEFF2 - #EEBCC2 - #DD8F94

CSS codes

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

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