#EED9F8 - #B17FC3 | 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 #EED9F8 to #B17FC3

#EED9F8 #B17FC3

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

#EED9F8 - #B17FC3 | 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 #EED9F8 as 0% and #B17FC3 as 100%.

0.0%	0.0% #EED9F8	RGB 238 217 248	#EED9F8
16.7%	16.7% #E3CAEF	RGB 227 202 239	#E3CAEF
33.3%	33.3% #D9BBE6	RGB 217 187 230	#D9BBE6
50.0%	50.0% #CFACDD	RGB 207 172 221	#CFACDD
66.7%	66.7% #C59DD4	RGB 197 157 212	#C59DD4
83.3%	83.3% #BB8ECB	RGB 187 142 203	#BB8ECB
100.0%	100.0% #B17FC3	RGB 177 127 195	#B17FC3

#EED9F8 #E3CAEF #D9BBE6 #CFACDD #C59DD4 #BB8ECB #B17FC3

#EED9F8 - #B17FC3

HSV Blend

#EED9F8 - #B17FC3 | 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 #EED9F8 as 0% and #B17FC3 as 100%.

0.0%	0.0% #EED9F8	RGB 238 217 248	#EED9F8
16.7%	16.7% #E3C8EF	RGB 227 200 239	#E3C8EF
33.3%	33.3% #D8B8E6	RGB 216 184 230	#D8B8E6
50.0%	50.0% #CEA9DD	RGB 206 169 221	#CEA9DD
66.7%	66.7% #C49AD4	RGB 196 154 212	#C49AD4
83.3%	83.3% #BA8CCB	RGB 186 140 203	#BA8CCB
100.0%	100.0% #B17FC3	RGB 177 127 195	#B17FC3

#EED9F8 #E3C8EF #D8B8E6 #CEA9DD #C49AD4 #BA8CCB #B17FC3

#EED9F8 - #CEA9DD - #B17FC3

CSS codes

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

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