#CFC7E2 - #866AA4 | 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 #CFC7E2 to #866AA4

#CFC7E2 #866AA4

Calculate the color between two colors, #CFC7E2 and #866AA4. 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)

#CFC7E2 - #866AA4 | 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 #CFC7E2 as 0% and #866AA4 as 100%.

0.0%	0.0% #CFC7E2	RGB 207 199 226	#CFC7E2
16.7%	16.7% #C2B7D7	RGB 194 183 215	#C2B7D7
33.3%	33.3% #B6A8CD	RGB 182 168 205	#B6A8CD
50.0%	50.0% #AA98C3	RGB 170 152 195	#AA98C3
66.7%	66.7% #9E89B8	RGB 158 137 184	#9E89B8
83.3%	83.3% #9279AE	RGB 146 121 174	#9279AE
100.0%	100.0% #866AA4	RGB 134 106 164	#866AA4

#CFC7E2 #C2B7D7 #B6A8CD #AA98C3 #9E89B8 #9279AE #866AA4

#CFC7E2 - #866AA4

HSV Blend

#CFC7E2 - #866AA4 | 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 #CFC7E2 as 0% and #866AA4 as 100%.

0.0%	0.0% #CFC7E2	RGB 207 199 226	#CFC7E2
16.7%	16.7% #C0B5D7	RGB 192 181 215	#C0B5D7
33.3%	33.3% #B3A4CD	RGB 179 164 205	#B3A4CD
50.0%	50.0% #A694C3	RGB 166 148 195	#A694C3
66.7%	66.7% #9B85B8	RGB 155 133 184	#9B85B8
83.3%	83.3% #9077AE	RGB 144 119 174	#9077AE
100.0%	100.0% #866AA4	RGB 134 106 164	#866AA4

#CFC7E2 #C0B5D7 #B3A4CD #A694C3 #9B85B8 #9077AE #866AA4

#CFC7E2 - #A694C3 - #866AA4

CSS codes

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

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