#C8BCFF - #EEEBFF | 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 #C8BCFF to #EEEBFF

#C8BCFF #EEEBFF

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

#C8BCFF - #EEEBFF | 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 #C8BCFF as 0% and #EEEBFF as 100%.

0.0%	0.0% #C8BCFF	RGB 200 188 255	#C8BCFF
16.7%	16.7% #CEC3FF	RGB 206 195 255	#CEC3FF
33.3%	33.3% #D4CBFF	RGB 212 203 255	#D4CBFF
50.0%	50.0% #DBD3FF	RGB 219 211 255	#DBD3FF
66.7%	66.7% #E1DBFF	RGB 225 219 255	#E1DBFF
83.3%	83.3% #E7E3FF	RGB 231 227 255	#E7E3FF
100.0%	100.0% #EEEBFF	RGB 238 235 255	#EEEBFF

#C8BCFF #CEC3FF #D4CBFF #DBD3FF #E1DBFF #E7E3FF #EEEBFF

#C8BCFF - #EEEBFF

HSV Blend

#C8BCFF - #EEEBFF | 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 #C8BCFF as 0% and #EEEBFF as 100%.

0.0%	0.0% #C8BCFF	RGB 200 188 255	#C8BCFF
16.7%	16.7% #CEC3FF	RGB 206 195 255	#CEC3FF
33.3%	33.3% #D4CBFF	RGB 212 203 255	#D4CBFF
50.0%	50.0% #DAD3FF	RGB 218 211 255	#DAD3FF
66.7%	66.7% #E1DBFF	RGB 225 219 255	#E1DBFF
83.3%	83.3% #E7E3FF	RGB 231 227 255	#E7E3FF
100.0%	100.0% #EEEBFF	RGB 238 235 255	#EEEBFF

#C8BCFF #CEC3FF #D4CBFF #DAD3FF #E1DBFF #E7E3FF #EEEBFF

#C8BCFF - #DAD3FF - #EEEBFF

CSS codes

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

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