#EADCE2 - #CD8AA0 | 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 #EADCE2 to #CD8AA0

#EADCE2 #CD8AA0

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

#EADCE2 - #CD8AA0 | 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 #EADCE2 as 0% and #CD8AA0 as 100%.

0.0%	0.0% #EADCE2	RGB 234 220 226	#EADCE2
16.7%	16.7% #E5CED7	RGB 229 206 215	#E5CED7
33.3%	33.3% #E0C0CC	RGB 224 192 204	#E0C0CC
50.0%	50.0% #DBB3C1	RGB 219 179 193	#DBB3C1
66.7%	66.7% #D6A5B6	RGB 214 165 182	#D6A5B6
83.3%	83.3% #D197AB	RGB 209 151 171	#D197AB
100.0%	100.0% #CD8AA0	RGB 205 138 160	#CD8AA0

#EADCE2 #E5CED7 #E0C0CC #DBB3C1 #D6A5B6 #D197AB #CD8AA0

#EADCE2 - #CD8AA0

HSV Blend

#EADCE2 - #CD8AA0 | 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 #EADCE2 as 0% and #CD8AA0 as 100%.

0.0%	0.0% #EADCE2	RGB 234 220 226	#EADCE2
16.7%	16.7% #E5CDD7	RGB 229 205 215	#E5CDD7
33.3%	33.3% #E0BECC	RGB 224 190 204	#E0BECC
50.0%	50.0% #DBB1C1	RGB 219 177 193	#DBB1C1
66.7%	66.7% #D6A3B6	RGB 214 163 182	#D6A3B6
83.3%	83.3% #D196AB	RGB 209 150 171	#D196AB
100.0%	100.0% #CD8AA0	RGB 205 138 160	#CD8AA0

#EADCE2 #E5CDD7 #E0BECC #DBB1C1 #D6A3B6 #D196AB #CD8AA0

#EADCE2 - #DBB1C1 - #CD8AA0

CSS codes

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

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