#EDDEE4 - #B88C9F | 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 #EDDEE4 to #B88C9F

#EDDEE4 #B88C9F

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

#EDDEE4 - #B88C9F | 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 #EDDEE4 as 0% and #B88C9F as 100%.

0.0%	0.0% #EDDEE4	RGB 237 222 228	#EDDEE4
16.7%	16.7% #E4D0D8	RGB 228 208 216	#E4D0D8
33.3%	33.3% #DBC2CD	RGB 219 194 205	#DBC2CD
50.0%	50.0% #D2B5C1	RGB 210 181 193	#D2B5C1
66.7%	66.7% #C9A7B6	RGB 201 167 182	#C9A7B6
83.3%	83.3% #C099AA	RGB 192 153 170	#C099AA
100.0%	100.0% #B88C9F	RGB 184 140 159	#B88C9F

#EDDEE4 #E4D0D8 #DBC2CD #D2B5C1 #C9A7B6 #C099AA #B88C9F

#EDDEE4 - #B88C9F

HSV Blend

#EDDEE4 - #B88C9F | 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 #EDDEE4 as 0% and #B88C9F as 100%.

0.0%	0.0% #EDDEE4	RGB 237 222 228	#EDDEE4
16.7%	16.7% #E4CFD7	RGB 228 207 215	#E4CFD7
33.3%	33.3% #DBC0CB	RGB 219 192 203	#DBC0CB
50.0%	50.0% #D2B2BF	RGB 210 178 191	#D2B2BF
66.7%	66.7% #C9A5B4	RGB 201 165 180	#C9A5B4
83.3%	83.3% #C098A9	RGB 192 152 169	#C098A9
100.0%	100.0% #B88C9F	RGB 184 140 159	#B88C9F

#EDDEE4 #E4CFD7 #DBC0CB #D2B2BF #C9A5B4 #C098A9 #B88C9F

#EDDEE4 - #D2B2BF - #B88C9F

CSS codes

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

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