#EDE7EC - #CD98AD | 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 #EDE7EC to #CD98AD

#EDE7EC #CD98AD

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

#EDE7EC - #CD98AD | 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 #EDE7EC as 0% and #CD98AD as 100%.

0.0%	0.0% #EDE7EC	RGB 237 231 236	#EDE7EC
16.7%	16.7% #E7D9E1	RGB 231 217 225	#E7D9E1
33.3%	33.3% #E2CCD7	RGB 226 204 215	#E2CCD7
50.0%	50.0% #DDBFCC	RGB 221 191 204	#DDBFCC
66.7%	66.7% #D7B2C2	RGB 215 178 194	#D7B2C2
83.3%	83.3% #D2A5B7	RGB 210 165 183	#D2A5B7
100.0%	100.0% #CD98AD	RGB 205 152 173	#CD98AD

#EDE7EC #E7D9E1 #E2CCD7 #DDBFCC #D7B2C2 #D2A5B7 #CD98AD

#EDE7EC - #CD98AD

HSV Blend

#EDE7EC - #CD98AD | 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 #EDE7EC as 0% and #CD98AD as 100%.

0.0%	0.0% #EDE7EC	RGB 237 231 236	#EDE7EC
16.7%	16.7% #E7D8E4	RGB 231 216 228	#E7D8E4
33.3%	33.3% #E2CBDB	RGB 226 203 219	#E2CBDB
50.0%	50.0% #DDBDD0	RGB 221 189 208	#DDBDD0
66.7%	66.7% #D7B0C5	RGB 215 176 197	#D7B0C5
83.3%	83.3% #D2A4B9	RGB 210 164 185	#D2A4B9
100.0%	100.0% #CD98AD	RGB 205 152 173	#CD98AD

#EDE7EC #E7D8E4 #E2CBDB #DDBDD0 #D7B0C5 #D2A4B9 #CD98AD

#EDE7EC - #DDBDD0 - #CD98AD

CSS codes

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

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