#C2BAB7 - #EAC5D5 | 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 #C2BAB7 to #EAC5D5

#C2BAB7 #EAC5D5

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

#C2BAB7 - #EAC5D5 | 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 #C2BAB7 as 0% and #EAC5D5 as 100%.

0.0%	0.0% #C2BAB7	RGB 194 186 183	#C2BAB7
16.7%	16.7% #C8BBBC	RGB 200 187 188	#C8BBBC
33.3%	33.3% #CFBDC1	RGB 207 189 193	#CFBDC1
50.0%	50.0% #D6BFC6	RGB 214 191 198	#D6BFC6
66.7%	66.7% #DCC1CB	RGB 220 193 203	#DCC1CB
83.3%	83.3% #E3C3D0	RGB 227 195 208	#E3C3D0
100.0%	100.0% #EAC5D5	RGB 234 197 213	#EAC5D5

#C2BAB7 #C8BBBC #CFBDC1 #D6BFC6 #DCC1CB #E3C3D0 #EAC5D5

#C2BAB7 - #EAC5D5

HSV Blend

#C2BAB7 - #EAC5D5 | 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 #C2BAB7 as 0% and #EAC5D5 as 100%.

0.0%	0.0% #C2BAB7	RGB 194 186 183	#C2BAB7
16.7%	16.7% #C8BCB9	RGB 200 188 185	#C8BCB9
33.3%	33.3% #CFBDBC	RGB 207 189 188	#CFBDBC
50.0%	50.0% #D6BFC0	RGB 214 191 192	#D6BFC0
66.7%	66.7% #DCC1C6	RGB 220 193 198	#DCC1C6
83.3%	83.3% #E3C3CD	RGB 227 195 205	#E3C3CD
100.0%	100.0% #EAC5D5	RGB 234 197 213	#EAC5D5

#C2BAB7 #C8BCB9 #CFBDBC #D6BFC0 #DCC1C6 #E3C3CD #EAC5D5

#C2BAB7 - #D6BFC0 - #EAC5D5

CSS codes

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

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