#EAE4E5 - #B289AF | 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 #EAE4E5 to #B289AF

#EAE4E5 #B289AF

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

#EAE4E5 - #B289AF | 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 #EAE4E5 as 0% and #B289AF as 100%.

0.0%	0.0% #EAE4E5	RGB 234 228 229	#EAE4E5
16.7%	16.7% #E0D4DC	RGB 224 212 220	#E0D4DC
33.3%	33.3% #D7C5D3	RGB 215 197 211	#D7C5D3
50.0%	50.0% #CEB6CA	RGB 206 182 202	#CEB6CA
66.7%	66.7% #C4A7C1	RGB 196 167 193	#C4A7C1
83.3%	83.3% #BB98B8	RGB 187 152 184	#BB98B8
100.0%	100.0% #B289AF	RGB 178 137 175	#B289AF

#EAE4E5 #E0D4DC #D7C5D3 #CEB6CA #C4A7C1 #BB98B8 #B289AF

#EAE4E5 - #B289AF

HSV Blend

#EAE4E5 - #B289AF | 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 #EAE4E5 as 0% and #B289AF as 100%.

0.0%	0.0% #EAE4E5	RGB 234 228 229	#EAE4E5
16.7%	16.7% #E0D3D7	RGB 224 211 215	#E0D3D7
33.3%	33.3% #D7C3CB	RGB 215 195 203	#D7C3CB
50.0%	50.0% #CEB3C2	RGB 206 179 194	#CEB3C2
66.7%	66.7% #C4A4BA	RGB 196 164 186	#C4A4BA
83.3%	83.3% #BB96B3	RGB 187 150 179	#BB96B3
100.0%	100.0% #B289AF	RGB 178 137 175	#B289AF

#EAE4E5 #E0D3D7 #D7C3CB #CEB3C2 #C4A4BA #BB96B3 #B289AF

#EAE4E5 - #CEB3C2 - #B289AF

CSS codes

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

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