#EDDCE5 - #CD8495 | 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 #EDDCE5 to #CD8495

#EDDCE5 #CD8495

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

#EDDCE5 - #CD8495 | 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 #EDDCE5 as 0% and #CD8495 as 100%.

0.0%	0.0% #EDDCE5	RGB 237 220 229	#EDDCE5
16.7%	16.7% #E7CDD7	RGB 231 205 215	#E7CDD7
33.3%	33.3% #E2BECA	RGB 226 190 202	#E2BECA
50.0%	50.0% #DDB0BD	RGB 221 176 189	#DDB0BD
66.7%	66.7% #D7A1AF	RGB 215 161 175	#D7A1AF
83.3%	83.3% #D292A2	RGB 210 146 162	#D292A2
100.0%	100.0% #CD8495	RGB 205 132 149	#CD8495

#EDDCE5 #E7CDD7 #E2BECA #DDB0BD #D7A1AF #D292A2 #CD8495

#EDDCE5 - #CD8495

HSV Blend

#EDDCE5 - #CD8495 | 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 #EDDCE5 as 0% and #CD8495 as 100%.

0.0%	0.0% #EDDCE5	RGB 237 220 229	#EDDCE5
16.7%	16.7% #E7CCD9	RGB 231 204 217	#E7CCD9
33.3%	33.3% #E2BCCC	RGB 226 188 204	#E2BCCC
50.0%	50.0% #DDADBF	RGB 221 173 191	#DDADBF
66.7%	66.7% #D79FB2	RGB 215 159 178	#D79FB2
83.3%	83.3% #D291A3	RGB 210 145 163	#D291A3
100.0%	100.0% #CD8495	RGB 205 132 149	#CD8495

#EDDCE5 #E7CCD9 #E2BCCC #DDADBF #D79FB2 #D291A3 #CD8495

#EDDCE5 - #DDADBF - #CD8495

CSS codes

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

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