#EADCE6 - #CD8AB4 | 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 #EADCE6 to #CD8AB4

#EADCE6 #CD8AB4

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

#EADCE6 - #CD8AB4 | 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 #EADCE6 as 0% and #CD8AB4 as 100%.

0.0%	0.0% #EADCE6	RGB 234 220 230	#EADCE6
16.7%	16.7% #E5CEDD	RGB 229 206 221	#E5CEDD
33.3%	33.3% #E0C0D5	RGB 224 192 213	#E0C0D5
50.0%	50.0% #DBB3CD	RGB 219 179 205	#DBB3CD
66.7%	66.7% #D6A5C4	RGB 214 165 196	#D6A5C4
83.3%	83.3% #D197BC	RGB 209 151 188	#D197BC
100.0%	100.0% #CD8AB4	RGB 205 138 180	#CD8AB4

#EADCE6 #E5CEDD #E0C0D5 #DBB3CD #D6A5C4 #D197BC #CD8AB4

#EADCE6 - #CD8AB4

HSV Blend

#EADCE6 - #CD8AB4 | 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 #EADCE6 as 0% and #CD8AB4 as 100%.

0.0%	0.0% #EADCE6	RGB 234 220 230	#EADCE6
16.7%	16.7% #E5CDDD	RGB 229 205 221	#E5CDDD
33.3%	33.3% #E0BED5	RGB 224 190 213	#E0BED5
50.0%	50.0% #DBB1CD	RGB 219 177 205	#DBB1CD
66.7%	66.7% #D6A3C5	RGB 214 163 197	#D6A3C5
83.3%	83.3% #D196BC	RGB 209 150 188	#D196BC
100.0%	100.0% #CD8AB4	RGB 205 138 180	#CD8AB4

#EADCE6 #E5CDDD #E0BED5 #DBB1CD #D6A3C5 #D196BC #CD8AB4

#EADCE6 - #DBB1CD - #CD8AB4

CSS codes

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

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