#EEDADB - #CD938C | 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 #EEDADB to #CD938C

#EEDADB #CD938C

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

#EEDADB - #CD938C | 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 #EEDADB as 0% and #CD938C as 100%.

0.0%	0.0% #EEDADB	RGB 238 218 219	#EEDADB
16.7%	16.7% #E8CECD	RGB 232 206 205	#E8CECD
33.3%	33.3% #E3C2C0	RGB 227 194 192	#E3C2C0
50.0%	50.0% #DDB6B3	RGB 221 182 179	#DDB6B3
66.7%	66.7% #D8AAA6	RGB 216 170 166	#D8AAA6
83.3%	83.3% #D29E99	RGB 210 158 153	#D29E99
100.0%	100.0% #CD938C	RGB 205 147 140	#CD938C

#EEDADB #E8CECD #E3C2C0 #DDB6B3 #D8AAA6 #D29E99 #CD938C

#EEDADB - #CD938C

HSV Blend

#EEDADB - #CD938C | 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 #EEDADB as 0% and #CD938C as 100%.

0.0%	0.0% #EEDADB	RGB 238 218 219	#EEDADB
16.7%	16.7% #E8CBCC	RGB 232 203 204	#E8CBCC
33.3%	33.3% #E3BEBE	RGB 227 190 190	#E3BEBE
50.0%	50.0% #DDB2B1	RGB 221 178 177	#DDB2B1
66.7%	66.7% #D8A7A4	RGB 216 167 164	#D8A7A4
83.3%	83.3% #D29C97	RGB 210 156 151	#D29C97
100.0%	100.0% #CD938C	RGB 205 147 140	#CD938C

#EEDADB #E8CBCC #E3BEBE #DDB2B1 #D8A7A4 #D29C97 #CD938C

#EEDADB - #DDB2B1 - #CD938C

CSS codes

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

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