#C06CFF - #7E00C3 | 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 #C06CFF to #7E00C3

#C06CFF #7E00C3

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

#C06CFF - #7E00C3 | 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 #C06CFF as 0% and #7E00C3 as 100%.

0.0%	0.0% #C06CFF	RGB 192 108 255	#C06CFF
16.7%	16.7% #B55AF5	RGB 181 90 245	#B55AF5
33.3%	33.3% #AA48EB	RGB 170 72 235	#AA48EB
50.0%	50.0% #9F36E1	RGB 159 54 225	#9F36E1
66.7%	66.7% #9424D7	RGB 148 36 215	#9424D7
83.3%	83.3% #8912CD	RGB 137 18 205	#8912CD
100.0%	100.0% #7E00C3	RGB 126 0 195	#7E00C3

#C06CFF #B55AF5 #AA48EB #9F36E1 #9424D7 #8912CD #7E00C3

#C06CFF - #7E00C3

HSV Blend

#C06CFF - #7E00C3 | 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 #C06CFF as 0% and #7E00C3 as 100%.

0.0%	0.0% #C06CFF	RGB 192 108 255	#C06CFF
16.7%	16.7% #B356F5	RGB 179 86 245	#B356F5
33.3%	33.3% #A642EB	RGB 166 66 235	#A642EB
50.0%	50.0% #9B2FE1	RGB 155 47 225	#9B2FE1
66.7%	66.7% #911ED7	RGB 145 30 215	#911ED7
83.3%	83.3% #870ECD	RGB 135 14 205	#870ECD
100.0%	100.0% #7E00C3	RGB 126 0 195	#7E00C3

#C06CFF #B356F5 #A642EB #9B2FE1 #911ED7 #870ECD #7E00C3

#C06CFF - #9B2FE1 - #7E00C3

CSS codes

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

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