#CFC7ED - #8666B4 | 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 #CFC7ED to #8666B4

#CFC7ED #8666B4

Calculate the color between two colors, #CFC7ED and #8666B4. 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)

#CFC7ED - #8666B4 | 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 #CFC7ED as 0% and #8666B4 as 100%.

0.0%	0.0% #CFC7ED	RGB 207 199 237	#CFC7ED
16.7%	16.7% #C2B6E3	RGB 194 182 227	#C2B6E3
33.3%	33.3% #B6A6DA	RGB 182 166 218	#B6A6DA
50.0%	50.0% #AA96D0	RGB 170 150 208	#AA96D0
66.7%	66.7% #9E86C7	RGB 158 134 199	#9E86C7
83.3%	83.3% #9276BD	RGB 146 118 189	#9276BD
100.0%	100.0% #8666B4	RGB 134 102 180	#8666B4

#CFC7ED #C2B6E3 #B6A6DA #AA96D0 #9E86C7 #9276BD #8666B4

#CFC7ED - #8666B4

HSV Blend

#CFC7ED - #8666B4 | 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 #CFC7ED as 0% and #8666B4 as 100%.

0.0%	0.0% #CFC7ED	RGB 207 199 237	#CFC7ED
16.7%	16.7% #C0B4E3	RGB 192 180 227	#C0B4E3
33.3%	33.3% #B2A3DA	RGB 178 163 218	#B2A3DA
50.0%	50.0% #A592D0	RGB 165 146 208	#A592D0
66.7%	66.7% #9A82C7	RGB 154 130 199	#9A82C7
83.3%	83.3% #8F74BD	RGB 143 116 189	#8F74BD
100.0%	100.0% #8666B4	RGB 134 102 180	#8666B4

#CFC7ED #C0B4E3 #B2A3DA #A592D0 #9A82C7 #8F74BD #8666B4

#CFC7ED - #A592D0 - #8666B4

CSS codes

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

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