#EDE5E7 - #C19EA5 | 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 #EDE5E7 to #C19EA5

#EDE5E7 #C19EA5

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

#EDE5E7 - #C19EA5 | 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 #EDE5E7 as 0% and #C19EA5 as 100%.

0.0%	0.0% #EDE5E7	RGB 237 229 231	#EDE5E7
16.7%	16.7% #E5D9DC	RGB 229 217 220	#E5D9DC
33.3%	33.3% #DECDD1	RGB 222 205 209	#DECDD1
50.0%	50.0% #D7C1C6	RGB 215 193 198	#D7C1C6
66.7%	66.7% #CFB5BB	RGB 207 181 187	#CFB5BB
83.3%	83.3% #C8A9B0	RGB 200 169 176	#C8A9B0
100.0%	100.0% #C19EA5	RGB 193 158 165	#C19EA5

#EDE5E7 #E5D9DC #DECDD1 #D7C1C6 #CFB5BB #C8A9B0 #C19EA5

#EDE5E7 - #C19EA5

HSV Blend

#EDE5E7 - #C19EA5 | 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 #EDE5E7 as 0% and #C19EA5 as 100%.

0.0%	0.0% #EDE5E7	RGB 237 229 231	#EDE5E7
16.7%	16.7% #E5D8DB	RGB 229 216 219	#E5D8DB
33.3%	33.3% #DECBD0	RGB 222 203 208	#DECBD0
50.0%	50.0% #D7BFC5	RGB 215 191 197	#D7BFC5
66.7%	66.7% #CFB4BA	RGB 207 180 186	#CFB4BA
83.3%	83.3% #C8A8AF	RGB 200 168 175	#C8A8AF
100.0%	100.0% #C19EA5	RGB 193 158 165	#C19EA5

#EDE5E7 #E5D8DB #DECBD0 #D7BFC5 #CFB4BA #C8A8AF #C19EA5

#EDE5E7 - #D7BFC5 - #C19EA5

CSS codes

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

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