#E2B2B9 - #EEBEFE | 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 #E2B2B9 to #EEBEFE

#E2B2B9 #EEBEFE

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

#E2B2B9 - #EEBEFE | 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 #E2B2B9 as 0% and #EEBEFE as 100%.

0.0%	0.0% #E2B2B9	RGB 226 178 185	#E2B2B9
16.7%	16.7% #E4B4C4	RGB 228 180 196	#E4B4C4
33.3%	33.3% #E6B6D0	RGB 230 182 208	#E6B6D0
50.0%	50.0% #E8B8DB	RGB 232 184 219	#E8B8DB
66.7%	66.7% #EABAE7	RGB 234 186 231	#EABAE7
83.3%	83.3% #ECBCF2	RGB 236 188 242	#ECBCF2
100.0%	100.0% #EEBEFE	RGB 238 190 254	#EEBEFE

#E2B2B9 #E4B4C4 #E6B6D0 #E8B8DB #EABAE7 #ECBCF2 #EEBEFE

#E2B2B9 - #EEBEFE

HSV Blend

#E2B2B9 - #EEBEFE | 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 #E2B2B9 as 0% and #EEBEFE as 100%.

0.0%	0.0% #E2B2B8	RGB 226 178 184	#E2B2B8
16.7%	16.7% #E6B4C4	RGB 230 180 196	#E6B4C4
33.3%	33.3% #EBB6D1	RGB 235 182 209	#EBB6D1
50.0%	50.0% #F0B8DF	RGB 240 184 223	#F0B8DF
66.7%	66.7% #F4BAED	RGB 244 186 237	#F4BAED
83.3%	83.3% #F5BCF9	RGB 245 188 249	#F5BCF9
100.0%	100.0% #EEBEFE	RGB 238 190 254	#EEBEFE

#E2B2B8 #E6B4C4 #EBB6D1 #F0B8DF #F4BAED #F5BCF9 #EEBEFE

#E2B2B9 - #F0B8DF - #EEBEFE

CSS codes

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

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