#E6A8BA - #FCEBD2 | 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 #E6A8BA to #FCEBD2

#E6A8BA #FCEBD2

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

#E6A8BA - #FCEBD2 | 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 #E6A8BA as 0% and #FCEBD2 as 100%.

0.0%	0.0% #E6A8BA	RGB 230 168 186	#E6A8BA
16.7%	16.7% #E9B3BE	RGB 233 179 190	#E9B3BE
33.3%	33.3% #EDBEC2	RGB 237 190 194	#EDBEC2
50.0%	50.0% #F1C9C6	RGB 241 201 198	#F1C9C6
66.7%	66.7% #F4D4CA	RGB 244 212 202	#F4D4CA
83.3%	83.3% #F8DFCE	RGB 248 223 206	#F8DFCE
100.0%	100.0% #FCEBD2	RGB 252 235 210	#FCEBD2

#E6A8BA #E9B3BE #EDBEC2 #F1C9C6 #F4D4CA #F8DFCE #FCEBD2

#E6A8BA - #FCEBD2

HSV Blend

#E6A8BA - #FCEBD2 | 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 #E6A8BA as 0% and #FCEBD2 as 100%.

0.0%	0.0% #E6A8BA	RGB 230 168 186	#E6A8BA
16.7%	16.7% #E9AEB7	RGB 233 174 183	#E9AEB7
33.3%	33.3% #EDB5B5	RGB 237 181 181	#EDB5B5
50.0%	50.0% #F1C4BC	RGB 241 196 188	#F1C4BC
66.7%	66.7% #F4D2C3	RGB 244 210 195	#F4D2C3
83.3%	83.3% #F8DFCA	RGB 248 223 202	#F8DFCA
100.0%	100.0% #FCEBD2	RGB 252 235 210	#FCEBD2

#E6A8BA #E9AEB7 #EDB5B5 #F1C4BC #F4D2C3 #F8DFCA #FCEBD2

#E6A8BA - #F1C4BC - #FCEBD2

CSS codes

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

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