#C7BCFF - #EFEBFF | 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 #C7BCFF to #EFEBFF

#C7BCFF #EFEBFF

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

#C7BCFF - #EFEBFF | 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 #C7BCFF as 0% and #EFEBFF as 100%.

0.0%	0.0% #C7BCFF	RGB 199 188 255	#C7BCFF
16.7%	16.7% #CDC3FF	RGB 205 195 255	#CDC3FF
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% #E8E3FF	RGB 232 227 255	#E8E3FF
100.0%	100.0% #EFEBFF	RGB 239 235 255	#EFEBFF

#C7BCFF #CDC3FF #D4CBFF #DBD3FF #E1DBFF #E8E3FF #EFEBFF

#C7BCFF - #EFEBFF

HSV Blend

#C7BCFF - #EFEBFF | 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 #C7BCFF as 0% and #EFEBFF as 100%.

0.0%	0.0% #C7BCFF	RGB 199 188 255	#C7BCFF
16.7%	16.7% #CDC3FF	RGB 205 195 255	#CDC3FF
33.3%	33.3% #D4CBFF	RGB 212 203 255	#D4CBFF
50.0%	50.0% #DBD3FF	RGB 219 211 255	#DBD3FF
66.7%	66.7% #E2DBFF	RGB 226 219 255	#E2DBFF
83.3%	83.3% #E8E3FF	RGB 232 227 255	#E8E3FF
100.0%	100.0% #EFEBFF	RGB 239 235 255	#EFEBFF

#C7BCFF #CDC3FF #D4CBFF #DBD3FF #E2DBFF #E8E3FF #EFEBFF

#C7BCFF - #DBD3FF - #EFEBFF

CSS codes

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

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