#C9C7FF - #7E70F5 | 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 #C9C7FF to #7E70F5

#C9C7FF #7E70F5

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

#C9C7FF - #7E70F5 | 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 #C9C7FF as 0% and #7E70F5 as 100%.

0.0%	0.0% #C9C7FF	RGB 201 199 255	#C9C7FF
16.7%	16.7% #BCB8FD	RGB 188 184 253	#BCB8FD
33.3%	33.3% #B0AAFB	RGB 176 170 251	#B0AAFB
50.0%	50.0% #A39BFA	RGB 163 155 250	#A39BFA
66.7%	66.7% #978DF8	RGB 151 141 248	#978DF8
83.3%	83.3% #8A7EF6	RGB 138 126 246	#8A7EF6
100.0%	100.0% #7E70F5	RGB 126 112 245	#7E70F5

#C9C7FF #BCB8FD #B0AAFB #A39BFA #978DF8 #8A7EF6 #7E70F5

#C9C7FF - #7E70F5

HSV Blend

#C9C7FF - #7E70F5 | 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 #C9C7FF as 0% and #7E70F5 as 100%.

0.0%	0.0% #C9C7FF	RGB 201 199 255	#C9C7FF
16.7%	16.7% #BBB8FD	RGB 187 184 253	#BBB8FD
33.3%	33.3% #AEA9FB	RGB 174 169 251	#AEA9FB
50.0%	50.0% #A19AFA	RGB 161 154 250	#A19AFA
66.7%	66.7% #958CF8	RGB 149 140 248	#958CF8
83.3%	83.3% #897EF6	RGB 137 126 246	#897EF6
100.0%	100.0% #7E70F5	RGB 126 112 245	#7E70F5

#C9C7FF #BBB8FD #AEA9FB #A19AFA #958CF8 #897EF6 #7E70F5

#C9C7FF - #A19AFA - #7E70F5

CSS codes

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

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