#E6A8C7 - #FBEFE0 | 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 #E6A8C7 to #FBEFE0

#E6A8C7 #FBEFE0

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

#E6A8C7 - #FBEFE0 | 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 #E6A8C7 as 0% and #FBEFE0 as 100%.

0.0%	0.0% #E6A8C7	RGB 230 168 199	#E6A8C7
16.7%	16.7% #E9B3CB	RGB 233 179 203	#E9B3CB
33.3%	33.3% #EDBFCF	RGB 237 191 207	#EDBFCF
50.0%	50.0% #F0CBD3	RGB 240 203 211	#F0CBD3
66.7%	66.7% #F4D7D7	RGB 244 215 215	#F4D7D7
83.3%	83.3% #F7E3DB	RGB 247 227 219	#F7E3DB
100.0%	100.0% #FBEFE0	RGB 251 239 224	#FBEFE0

#E6A8C7 #E9B3CB #EDBFCF #F0CBD3 #F4D7D7 #F7E3DB #FBEFE0

#E6A8C7 - #FBEFE0

HSV Blend

#E6A8C7 - #FBEFE0 | 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 #E6A8C7 as 0% and #FBEFE0 as 100%.

0.0%	0.0% #E6A8C7	RGB 230 168 199	#E6A8C7
16.7%	16.7% #E9B0C3	RGB 233 176 195	#E9B0C3
33.3%	33.3% #EDB9C1	RGB 237 185 193	#EDB9C1
50.0%	50.0% #F0C4C3	RGB 240 196 195	#F0C4C3
66.7%	66.7% #F4D4CC	RGB 244 212 204	#F4D4CC
83.3%	83.3% #F7E2D6	RGB 247 226 214	#F7E2D6
100.0%	100.0% #FBEFE0	RGB 251 239 224	#FBEFE0

#E6A8C7 #E9B0C3 #EDB9C1 #F0C4C3 #F4D4CC #F7E2D6 #FBEFE0

#E6A8C7 - #F0C4C3 - #FBEFE0

CSS codes

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

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