#EEDAE1 - #CD8C99 | 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 #CD8C99

#EEDAE1 #CD8C99

Calculate the color between two colors, #EEDAE1 and #CD8C99. 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 - #CD8C99 | 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 #CD8C99 as 100%.

0.0%	0.0% #EEDAE1	RGB 238 218 225	#EEDAE1
16.7%	16.7% #E8CDD5	RGB 232 205 213	#E8CDD5
33.3%	33.3% #E3C0C9	RGB 227 192 201	#E3C0C9
50.0%	50.0% #DDB3BD	RGB 221 179 189	#DDB3BD
66.7%	66.7% #D8A6B1	RGB 216 166 177	#D8A6B1
83.3%	83.3% #D299A5	RGB 210 153 165	#D299A5
100.0%	100.0% #CD8C99	RGB 205 140 153	#CD8C99

#EEDAE1 #E8CDD5 #E3C0C9 #DDB3BD #D8A6B1 #D299A5 #CD8C99

#EEDAE1 - #CD8C99

HSV Blend

#EEDAE1 - #CD8C99 | 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 #CD8C99 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% #DDB1BD	RGB 221 177 189	#DDB1BD
66.7%	66.7% #D8A4B1	RGB 216 164 177	#D8A4B1
83.3%	83.3% #D297A5	RGB 210 151 165	#D297A5
100.0%	100.0% #CD8C99	RGB 205 140 153	#CD8C99

#EEDAE1 #E8CBD5 #E3BEC9 #DDB1BD #D8A4B1 #D297A5 #CD8C99

#EEDAE1 - #DDB1BD - #CD8C99

CSS codes

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

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