#C8BCE7 - #EEEBF8 | 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 #C8BCE7 to #EEEBF8

#C8BCE7 #EEEBF8

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

#C8BCE7 - #EEEBF8 | 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 #C8BCE7 as 0% and #EEEBF8 as 100%.

0.0%	0.0% #C8BCE7	RGB 200 188 231	#C8BCE7
16.7%	16.7% #CEC3E9	RGB 206 195 233	#CEC3E9
33.3%	33.3% #D4CBEC	RGB 212 203 236	#D4CBEC
50.0%	50.0% #DBD3EF	RGB 219 211 239	#DBD3EF
66.7%	66.7% #E1DBF2	RGB 225 219 242	#E1DBF2
83.3%	83.3% #E7E3F5	RGB 231 227 245	#E7E3F5
100.0%	100.0% #EEEBF8	RGB 238 235 248	#EEEBF8

#C8BCE7 #CEC3E9 #D4CBEC #DBD3EF #E1DBF2 #E7E3F5 #EEEBF8

#C8BCE7 - #EEEBF8

HSV Blend

#C8BCE7 - #EEEBF8 | 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 #C8BCE7 as 0% and #EEEBF8 as 100%.

0.0%	0.0% #C8BCE7	RGB 200 188 231	#C8BCE7
16.7%	16.7% #CDC3E9	RGB 205 195 233	#CDC3E9
33.3%	33.3% #D3CBEC	RGB 211 203 236	#D3CBEC
50.0%	50.0% #DAD2EF	RGB 218 210 239	#DAD2EF
66.7%	66.7% #E0DAF2	RGB 224 218 242	#E0DAF2
83.3%	83.3% #E7E2F5	RGB 231 226 245	#E7E2F5
100.0%	100.0% #EEEBF8	RGB 238 235 248	#EEEBF8

#C8BCE7 #CDC3E9 #D3CBEC #DAD2EF #E0DAF2 #E7E2F5 #EEEBF8

#C8BCE7 - #DAD2EF - #EEEBF8

CSS codes

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

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