#EBEAEC - #C8A2DB | 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 #EBEAEC to #C8A2DB

#EBEAEC #C8A2DB

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

#EBEAEC - #C8A2DB | 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 #EBEAEC as 0% and #C8A2DB as 100%.

0.0%	0.0% #EBEAEC	RGB 235 234 236	#EBEAEC
16.7%	16.7% #E5DEE9	RGB 229 222 233	#E5DEE9
33.3%	33.3% #DFD2E6	RGB 223 210 230	#DFD2E6
50.0%	50.0% #D9C6E3	RGB 217 198 227	#D9C6E3
66.7%	66.7% #D3BAE0	RGB 211 186 224	#D3BAE0
83.3%	83.3% #CDAEDD	RGB 205 174 221	#CDAEDD
100.0%	100.0% #C8A2DB	RGB 200 162 219	#C8A2DB

#EBEAEC #E5DEE9 #DFD2E6 #D9C6E3 #D3BAE0 #CDAEDD #C8A2DB

#EBEAEC - #C8A2DB

HSV Blend

#EBEAEC - #C8A2DB | 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 #EBEAEC as 0% and #C8A2DB as 100%.

0.0%	0.0% #EBEAEC	RGB 235 234 236	#EBEAEC
16.7%	16.7% #E3DDE9	RGB 227 221 233	#E3DDE9
33.3%	33.3% #DCD1E6	RGB 220 209 230	#DCD1E6
50.0%	50.0% #D6C4E3	RGB 214 196 227	#D6C4E3
66.7%	66.7% #D1B9E0	RGB 209 185 224	#D1B9E0
83.3%	83.3% #CCADDD	RGB 204 173 221	#CCADDD
100.0%	100.0% #C8A2DB	RGB 200 162 219	#C8A2DB

#EBEAEC #E3DDE9 #DCD1E6 #D6C4E3 #D1B9E0 #CCADDD #C8A2DB

#EBEAEC - #D6C4E3 - #C8A2DB

CSS codes

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

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