#C1A7FF - #ECE5FF | 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 #C1A7FF to #ECE5FF

#C1A7FF #ECE5FF

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

#C1A7FF - #ECE5FF | 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 #C1A7FF as 0% and #ECE5FF as 100%.

0.0%	0.0% #C1A7FF	RGB 193 167 255	#C1A7FF
16.7%	16.7% #C8B1FF	RGB 200 177 255	#C8B1FF
33.3%	33.3% #CFBBFF	RGB 207 187 255	#CFBBFF
50.0%	50.0% #D6C6FF	RGB 214 198 255	#D6C6FF
66.7%	66.7% #DDD0FF	RGB 221 208 255	#DDD0FF
83.3%	83.3% #E4DAFF	RGB 228 218 255	#E4DAFF
100.0%	100.0% #ECE5FF	RGB 236 229 255	#ECE5FF

#C1A7FF #C8B1FF #CFBBFF #D6C6FF #DDD0FF #E4DAFF #ECE5FF

#C1A7FF - #ECE5FF

HSV Blend

#C1A7FF - #ECE5FF | 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 #C1A7FF as 0% and #ECE5FF as 100%.

0.0%	0.0% #C1A7FF	RGB 193 167 255	#C1A7FF
16.7%	16.7% #C7B1FF	RGB 199 177 255	#C7B1FF
33.3%	33.3% #CEBBFF	RGB 206 187 255	#CEBBFF
50.0%	50.0% #D6C6FF	RGB 214 198 255	#D6C6FF
66.7%	66.7% #DDD0FF	RGB 221 208 255	#DDD0FF
83.3%	83.3% #E4DAFF	RGB 228 218 255	#E4DAFF
100.0%	100.0% #ECE5FF	RGB 236 229 255	#ECE5FF

#C1A7FF #C7B1FF #CEBBFF #D6C6FF #DDD0FF #E4DAFF #ECE5FF

#C1A7FF - #D6C6FF - #ECE5FF

CSS codes

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

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