#EEDAE1 - #CD8C98 | 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 #EEDAE1 to #CD8C98

#EEDAE1 #CD8C98

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

#EEDAE1 - #CD8C98 | 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 #EEDAE1 as 0% and #CD8C98 as 100%.

0.0%	0.0% #EEDAE1	RGB 238 218 225	#EEDAE1
16.7%	16.7% #E8CDD4	RGB 232 205 212	#E8CDD4
33.3%	33.3% #E3C0C8	RGB 227 192 200	#E3C0C8
50.0%	50.0% #DDB3BC	RGB 221 179 188	#DDB3BC
66.7%	66.7% #D8A6B0	RGB 216 166 176	#D8A6B0
83.3%	83.3% #D299A4	RGB 210 153 164	#D299A4
100.0%	100.0% #CD8C98	RGB 205 140 152	#CD8C98

#EEDAE1 #E8CDD4 #E3C0C8 #DDB3BC #D8A6B0 #D299A4 #CD8C98

#EEDAE1 - #CD8C98

HSV Blend

#EEDAE1 - #CD8C98 | 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 #EEDAE1 as 0% and #CD8C98 as 100%.

0.0%	0.0% #EEDAE1	RGB 238 218 225	#EEDAE1
16.7%	16.7% #E8CBD5	RGB 232 203 213	#E8CBD5
33.3%	33.3% #E3BEC9	RGB 227 190 201	#E3BEC9
50.0%	50.0% #DDB1BC	RGB 221 177 188	#DDB1BC
66.7%	66.7% #D8A4B0	RGB 216 164 176	#D8A4B0
83.3%	83.3% #D297A4	RGB 210 151 164	#D297A4
100.0%	100.0% #CD8C98	RGB 205 140 152	#CD8C98

#EEDAE1 #E8CBD5 #E3BEC9 #DDB1BC #D8A4B0 #D297A4 #CD8C98

#EEDAE1 - #DDB1BC - #CD8C98

CSS codes

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

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