#CA8CFF - #6F0FCD | 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 #CA8CFF to #6F0FCD

#CA8CFF #6F0FCD

Calculate the color between two colors, #CA8CFF and #6F0FCD. 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)

#CA8CFF - #6F0FCD | 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 #CA8CFF as 0% and #6F0FCD as 100%.

0.0%	0.0% #CA8CFF	RGB 202 140 255	#CA8CFF
16.7%	16.7% #BA77F6	RGB 186 119 246	#BA77F6
33.3%	33.3% #AB62EE	RGB 171 98 238	#AB62EE
50.0%	50.0% #9C4DE6	RGB 156 77 230	#9C4DE6
66.7%	66.7% #8D38DD	RGB 141 56 221	#8D38DD
83.3%	83.3% #7E23D5	RGB 126 35 213	#7E23D5
100.0%	100.0% #6F0FCD	RGB 111 15 205	#6F0FCD

#CA8CFF #BA77F6 #AB62EE #9C4DE6 #8D38DD #7E23D5 #6F0FCD

#CA8CFF - #6F0FCD

HSV Blend

#CA8CFF - #6F0FCD | 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 #CA8CFF as 0% and #6F0FCD as 100%.

0.0%	0.0% #CA8CFF	RGB 202 140 255	#CA8CFF
16.7%	16.7% #B973F6	RGB 185 115 246	#B973F6
33.3%	33.3% #A95DEE	RGB 169 93 238	#A95DEE
50.0%	50.0% #9A47E6	RGB 154 71 230	#9A47E6
66.7%	66.7% #8B33DD	RGB 139 51 221	#8B33DD
83.3%	83.3% #7C20D5	RGB 124 32 213	#7C20D5
100.0%	100.0% #6F0FCD	RGB 111 15 205	#6F0FCD

#CA8CFF #B973F6 #A95DEE #9A47E6 #8B33DD #7C20D5 #6F0FCD

#CA8CFF - #9A47E6 - #6F0FCD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CA8CFF 0%, #9A47E6 50%, #6F0FCD 100%);
    background: -webkit-linear-gradient(top, #CA8CFF 0%, #9A47E6 50%, #6F0FCD 100%);
    background: linear-gradient(to bottom, #CA8CFF 0%, #9A47E6 50%, #6F0FCD 100%);
}
</style>