#EED5E5 - #D286AF | 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 #EED5E5 to #D286AF

#EED5E5 #D286AF

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

#EED5E5 - #D286AF | 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 #EED5E5 as 0% and #D286AF as 100%.

0.0%	0.0% #EED5E5	RGB 238 213 229	#EED5E5
16.7%	16.7% #E9C7DC	RGB 233 199 220	#E9C7DC
33.3%	33.3% #E4BAD3	RGB 228 186 211	#E4BAD3
50.0%	50.0% #E0ADCA	RGB 224 173 202	#E0ADCA
66.7%	66.7% #DBA0C1	RGB 219 160 193	#DBA0C1
83.3%	83.3% #D693B8	RGB 214 147 184	#D693B8
100.0%	100.0% #D286AF	RGB 210 134 175	#D286AF

#EED5E5 #E9C7DC #E4BAD3 #E0ADCA #DBA0C1 #D693B8 #D286AF

#EED5E5 - #D286AF

HSV Blend

#EED5E5 - #D286AF | 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 #EED5E5 as 0% and #D286AF as 100%.

0.0%	0.0% #EED5E5	RGB 238 213 229	#EED5E5
16.7%	16.7% #E9C6DC	RGB 233 198 220	#E9C6DC
33.3%	33.3% #E4B9D3	RGB 228 185 211	#E4B9D3
50.0%	50.0% #E0ABCA	RGB 224 171 202	#E0ABCA
66.7%	66.7% #DB9EC1	RGB 219 158 193	#DB9EC1
83.3%	83.3% #D692B8	RGB 214 146 184	#D692B8
100.0%	100.0% #D286AF	RGB 210 134 175	#D286AF

#EED5E5 #E9C6DC #E4B9D3 #E0ABCA #DB9EC1 #D692B8 #D286AF

#EED5E5 - #E0ABCA - #D286AF

CSS codes

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

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