#E2DADB - #CF8D98 | 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 #E2DADB to #CF8D98

#E2DADB #CF8D98

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

#E2DADB - #CF8D98 | 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 #E2DADB as 0% and #CF8D98 as 100%.

0.0%	0.0% #E2DADB	RGB 226 218 219	#E2DADB
16.7%	16.7% #DECDCF	RGB 222 205 207	#DECDCF
33.3%	33.3% #DBC0C4	RGB 219 192 196	#DBC0C4
50.0%	50.0% #D8B3B9	RGB 216 179 185	#D8B3B9
66.7%	66.7% #D5A6AE	RGB 213 166 174	#D5A6AE
83.3%	83.3% #D299A3	RGB 210 153 163	#D299A3
100.0%	100.0% #CF8D98	RGB 207 141 152	#CF8D98

#E2DADB #DECDCF #DBC0C4 #D8B3B9 #D5A6AE #D299A3 #CF8D98

#E2DADB - #CF8D98

HSV Blend

#E2DADB - #CF8D98 | 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 #E2DADB as 0% and #CF8D98 as 100%.

0.0%	0.0% #E2DADB	RGB 226 218 219	#E2DADB
16.7%	16.7% #DECCCE	RGB 222 204 206	#DECCCE
33.3%	33.3% #DBBFC3	RGB 219 191 195	#DBBFC3
50.0%	50.0% #D8B2B7	RGB 216 178 183	#D8B2B7
66.7%	66.7% #D5A5AC	RGB 213 165 172	#D5A5AC
83.3%	83.3% #D299A2	RGB 210 153 162	#D299A2
100.0%	100.0% #CF8D98	RGB 207 141 152	#CF8D98

#E2DADB #DECCCE #DBBFC3 #D8B2B7 #D5A5AC #D299A2 #CF8D98

#E2DADB - #D8B2B7 - #CF8D98

CSS codes

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

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