#CECAE4 - #876CA7 | 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 #CECAE4 to #876CA7

#CECAE4 #876CA7

Calculate the color between two colors, #CECAE4 and #876CA7. 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)

#CECAE4 - #876CA7 | 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 #CECAE4 as 0% and #876CA7 as 100%.

0.0%	0.0% #CECAE4	RGB 206 202 228	#CECAE4
16.7%	16.7% #C2BAD9	RGB 194 186 217	#C2BAD9
33.3%	33.3% #B6AACF	RGB 182 170 207	#B6AACF
50.0%	50.0% #AA9BC5	RGB 170 155 197	#AA9BC5
66.7%	66.7% #9E8BBB	RGB 158 139 187	#9E8BBB
83.3%	83.3% #927BB1	RGB 146 123 177	#927BB1
100.0%	100.0% #876CA7	RGB 135 108 167	#876CA7

#CECAE4 #C2BAD9 #B6AACF #AA9BC5 #9E8BBB #927BB1 #876CA7

#CECAE4 - #876CA7

HSV Blend

#CECAE4 - #876CA7 | 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 #CECAE4 as 0% and #876CA7 as 100%.

0.0%	0.0% #CECAE4	RGB 206 202 228	#CECAE4
16.7%	16.7% #BFB8D9	RGB 191 184 217	#BFB8D9
33.3%	33.3% #B1A7CF	RGB 177 167 207	#B1A7CF
50.0%	50.0% #A597C5	RGB 165 151 197	#A597C5
66.7%	66.7% #9A88BB	RGB 154 136 187	#9A88BB
83.3%	83.3% #9079B1	RGB 144 121 177	#9079B1
100.0%	100.0% #876CA7	RGB 135 108 167	#876CA7

#CECAE4 #BFB8D9 #B1A7CF #A597C5 #9A88BB #9079B1 #876CA7

#CECAE4 - #A597C5 - #876CA7

CSS codes

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

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