#E6B9D4 - #FDF5EB | 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 #E6B9D4 to #FDF5EB

#E6B9D4 #FDF5EB

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

#E6B9D4 - #FDF5EB | 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 #E6B9D4 as 0% and #FDF5EB as 100%.

0.0%	0.0% #E6B9D4	RGB 230 185 212	#E6B9D4
16.7%	16.7% #E9C3D7	RGB 233 195 215	#E9C3D7
33.3%	33.3% #EDCDDB	RGB 237 205 219	#EDCDDB
50.0%	50.0% #F1D7DF	RGB 241 215 223	#F1D7DF
66.7%	66.7% #F5E1E3	RGB 245 225 227	#F5E1E3
83.3%	83.3% #F9EBE7	RGB 249 235 231	#F9EBE7
100.0%	100.0% #FDF5EB	RGB 253 245 235	#FDF5EB

#E6B9D4 #E9C3D7 #EDCDDB #F1D7DF #F5E1E3 #F9EBE7 #FDF5EB

#E6B9D4 - #FDF5EB

HSV Blend

#E6B9D4 - #FDF5EB | 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 #E6B9D4 as 0% and #FDF5EB as 100%.

0.0%	0.0% #E6B9D4	RGB 230 185 212	#E6B9D4
16.7%	16.7% #E9C0D1	RGB 233 192 209	#E9C0D1
33.3%	33.3% #EDC9D0	RGB 237 201 208	#EDC9D0
50.0%	50.0% #F1D1D2	RGB 241 209 210	#F1D1D2
66.7%	66.7% #F5DED9	RGB 245 222 217	#F5DED9
83.3%	83.3% #F9EAE2	RGB 249 234 226	#F9EAE2
100.0%	100.0% #FDF5EB	RGB 253 245 235	#FDF5EB

#E6B9D4 #E9C0D1 #EDC9D0 #F1D1D2 #F5DED9 #F9EAE2 #FDF5EB

#E6B9D4 - #F1D1D2 - #FDF5EB

CSS codes

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

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