#C8C0F0 - #7F6BDF | 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 #C8C0F0 to #7F6BDF

#C8C0F0 #7F6BDF

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

#C8C0F0 - #7F6BDF | 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 #C8C0F0 as 0% and #7F6BDF as 100%.

0.0%	0.0% #C8C0F0	RGB 200 192 240	#C8C0F0
16.7%	16.7% #BBB1ED	RGB 187 177 237	#BBB1ED
33.3%	33.3% #AFA3EA	RGB 175 163 234	#AFA3EA
50.0%	50.0% #A395E7	RGB 163 149 231	#A395E7
66.7%	66.7% #9787E4	RGB 151 135 228	#9787E4
83.3%	83.3% #8B79E1	RGB 139 121 225	#8B79E1
100.0%	100.0% #7F6BDF	RGB 127 107 223	#7F6BDF

#C8C0F0 #BBB1ED #AFA3EA #A395E7 #9787E4 #8B79E1 #7F6BDF

#C8C0F0 - #7F6BDF

HSV Blend

#C8C0F0 - #7F6BDF | 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 #C8C0F0 as 0% and #7F6BDF as 100%.

0.0%	0.0% #C8C0F0	RGB 200 192 240	#C8C0F0
16.7%	16.7% #BBB1ED	RGB 187 177 237	#BBB1ED
33.3%	33.3% #AEA2EA	RGB 174 162 234	#AEA2EA
50.0%	50.0% #A294E7	RGB 162 148 231	#A294E7
66.7%	66.7% #9686E4	RGB 150 134 228	#9686E4
83.3%	83.3% #8A78E1	RGB 138 120 225	#8A78E1
100.0%	100.0% #7F6BDF	RGB 127 107 223	#7F6BDF

#C8C0F0 #BBB1ED #AEA2EA #A294E7 #9686E4 #8A78E1 #7F6BDF

#C8C0F0 - #A294E7 - #7F6BDF

CSS codes

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

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