#C8BCCC - #EEEBF0 | 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 #C8BCCC to #EEEBF0

#C8BCCC #EEEBF0

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

#C8BCCC - #EEEBF0 | 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 #C8BCCC as 0% and #EEEBF0 as 100%.

0.0%	0.0% #C8BCCC	RGB 200 188 204	#C8BCCC
16.7%	16.7% #CEC3D2	RGB 206 195 210	#CEC3D2
33.3%	33.3% #D4CBD8	RGB 212 203 216	#D4CBD8
50.0%	50.0% #DBD3DE	RGB 219 211 222	#DBD3DE
66.7%	66.7% #E1DBE4	RGB 225 219 228	#E1DBE4
83.3%	83.3% #E7E3EA	RGB 231 227 234	#E7E3EA
100.0%	100.0% #EEEBF0	RGB 238 235 240	#EEEBF0

#C8BCCC #CEC3D2 #D4CBD8 #DBD3DE #E1DBE4 #E7E3EA #EEEBF0

#C8BCCC - #EEEBF0

HSV Blend

#C8BCCC - #EEEBF0 | 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 #C8BCCC as 0% and #EEEBF0 as 100%.

0.0%	0.0% #C8BCCC	RGB 200 188 204	#C8BCCC
16.7%	16.7% #CEC3D2	RGB 206 195 210	#CEC3D2
33.3%	33.3% #D4CBD8	RGB 212 203 216	#D4CBD8
50.0%	50.0% #DAD2DE	RGB 218 210 222	#DAD2DE
66.7%	66.7% #E0DAE4	RGB 224 218 228	#E0DAE4
83.3%	83.3% #E7E2EA	RGB 231 226 234	#E7E2EA
100.0%	100.0% #EEEBF0	RGB 238 235 240	#EEEBF0

#C8BCCC #CEC3D2 #D4CBD8 #DAD2DE #E0DAE4 #E7E2EA #EEEBF0

#C8BCCC - #DAD2DE - #EEEBF0

CSS codes

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

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