#E2D8D8 - #CF928A | 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 #E2D8D8 to #CF928A

#E2D8D8 #CF928A

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

#E2D8D8 - #CF928A | 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 #E2D8D8 as 0% and #CF928A as 100%.

0.0%	0.0% #E2D8D8	RGB 226 216 216	#E2D8D8
16.7%	16.7% #DECCCB	RGB 222 204 203	#DECCCB
33.3%	33.3% #DBC0BE	RGB 219 192 190	#DBC0BE
50.0%	50.0% #D8B5B1	RGB 216 181 177	#D8B5B1
66.7%	66.7% #D5A9A4	RGB 213 169 164	#D5A9A4
83.3%	83.3% #D29D97	RGB 210 157 151	#D29D97
100.0%	100.0% #CF928A	RGB 207 146 138	#CF928A

#E2D8D8 #DECCCB #DBC0BE #D8B5B1 #D5A9A4 #D29D97 #CF928A

#E2D8D8 - #CF928A

HSV Blend

#E2D8D8 - #CF928A | 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 #E2D8D8 as 0% and #CF928A as 100%.

0.0%	0.0% #E2D8D8	RGB 226 216 216	#E2D8D8
16.7%	16.7% #DECACA	RGB 222 202 202	#DECACA
33.3%	33.3% #DBBDBC	RGB 219 189 188	#DBBDBC
50.0%	50.0% #D8B1AF	RGB 216 177 175	#D8B1AF
66.7%	66.7% #D5A6A2	RGB 213 166 162	#D5A6A2
83.3%	83.3% #D29C96	RGB 210 156 150	#D29C96
100.0%	100.0% #CF928A	RGB 207 146 138	#CF928A

#E2D8D8 #DECACA #DBBDBC #D8B1AF #D5A6A2 #D29C96 #CF928A

#E2D8D8 - #D8B1AF - #CF928A

CSS codes

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

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