#CFC7FF - #A06DDB | 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 #CFC7FF to #A06DDB

#CFC7FF #A06DDB

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

#CFC7FF - #A06DDB | 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 #CFC7FF as 0% and #A06DDB as 100%.

0.0%	0.0% #CFC7FF	RGB 207 199 255	#CFC7FF
16.7%	16.7% #C7B8F9	RGB 199 184 249	#C7B8F9
33.3%	33.3% #BFA9F3	RGB 191 169 243	#BFA9F3
50.0%	50.0% #B79AED	RGB 183 154 237	#B79AED
66.7%	66.7% #AF8BE7	RGB 175 139 231	#AF8BE7
83.3%	83.3% #A77CE1	RGB 167 124 225	#A77CE1
100.0%	100.0% #A06DDB	RGB 160 109 219	#A06DDB

#CFC7FF #C7B8F9 #BFA9F3 #B79AED #AF8BE7 #A77CE1 #A06DDB

#CFC7FF - #A06DDB

HSV Blend

#CFC7FF - #A06DDB | 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 #CFC7FF as 0% and #A06DDB as 100%.

0.0%	0.0% #CFC7FF	RGB 207 199 255	#CFC7FF
16.7%	16.7% #C3B6F9	RGB 195 182 249	#C3B6F9
33.3%	33.3% #B9A6F3	RGB 185 166 243	#B9A6F3
50.0%	50.0% #B197ED	RGB 177 151 237	#B197ED
66.7%	66.7% #AA88E7	RGB 170 136 231	#AA88E7
83.3%	83.3% #A47AE1	RGB 164 122 225	#A47AE1
100.0%	100.0% #A06DDB	RGB 160 109 219	#A06DDB

#CFC7FF #C3B6F9 #B9A6F3 #B197ED #AA88E7 #A47AE1 #A06DDB

#CFC7FF - #B197ED - #A06DDB

CSS codes

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

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