#EAE3E4 - #C6989B | 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 #EAE3E4 to #C6989B

#EAE3E4 #C6989B

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

#EAE3E4 - #C6989B | 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 #EAE3E4 as 0% and #C6989B as 100%.

0.0%	0.0% #EAE3E4	RGB 234 227 228	#EAE3E4
16.7%	16.7% #E4D6D7	RGB 228 214 215	#E4D6D7
33.3%	33.3% #DECACB	RGB 222 202 203	#DECACB
50.0%	50.0% #D8BDBF	RGB 216 189 191	#D8BDBF
66.7%	66.7% #D2B1B3	RGB 210 177 179	#D2B1B3
83.3%	83.3% #CCA4A7	RGB 204 164 167	#CCA4A7
100.0%	100.0% #C6989B	RGB 198 152 155	#C6989B

#EAE3E4 #E4D6D7 #DECACB #D8BDBF #D2B1B3 #CCA4A7 #C6989B

#EAE3E4 - #C6989B

HSV Blend

#EAE3E4 - #C6989B | 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 #EAE3E4 as 0% and #C6989B as 100%.

0.0%	0.0% #EAE3E4	RGB 234 227 228	#EAE3E4
16.7%	16.7% #E4D5D7	RGB 228 213 215	#E4D5D7
33.3%	33.3% #DEC8CA	RGB 222 200 202	#DEC8CA
50.0%	50.0% #D8BBBE	RGB 216 187 190	#D8BBBE
66.7%	66.7% #D2AFB2	RGB 210 175 178	#D2AFB2
83.3%	83.3% #CCA3A6	RGB 204 163 166	#CCA3A6
100.0%	100.0% #C6989B	RGB 198 152 155	#C6989B

#EAE3E4 #E4D5D7 #DEC8CA #D8BBBE #D2AFB2 #CCA3A6 #C6989B

#EAE3E4 - #D8BBBE - #C6989B

CSS codes

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

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