#C46CC3 - #9C8CFF | 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 #C46CC3 to #9C8CFF

#C46CC3 #9C8CFF

Calculate the color between two colors, #C46CC3 and #9C8CFF. 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)

#C46CC3 - #9C8CFF | 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 #C46CC3 as 0% and #9C8CFF as 100%.

0.0%	0.0% #C46CC3	RGB 196 108 195	#C46CC3
16.7%	16.7% #BD71CD	RGB 189 113 205	#BD71CD
33.3%	33.3% #B676D7	RGB 182 118 215	#B676D7
50.0%	50.0% #B07CE1	RGB 176 124 225	#B07CE1
66.7%	66.7% #A981EB	RGB 169 129 235	#A981EB
83.3%	83.3% #A286F5	RGB 162 134 245	#A286F5
100.0%	100.0% #9C8CFF	RGB 156 140 255	#9C8CFF

#C46CC3 #BD71CD #B676D7 #B07CE1 #A981EB #A286F5 #9C8CFF

#C46CC3 - #9C8CFF

HSV Blend

#C46CC3 - #9C8CFF | 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 #C46CC3 as 0% and #9C8CFF as 100%.

0.0%	0.0% #C46CC3	RGB 196 108 195	#C46CC3
16.7%	16.7% #C171CD	RGB 193 113 205	#C171CD
33.3%	33.3% #BC76D7	RGB 188 118 215	#BC76D7
50.0%	50.0% #B67CE1	RGB 182 124 225	#B67CE1
66.7%	66.7% #AE81EB	RGB 174 129 235	#AE81EB
83.3%	83.3% #A686F5	RGB 166 134 245	#A686F5
100.0%	100.0% #9C8CFF	RGB 156 140 255	#9C8CFF

#C46CC3 #C171CD #BC76D7 #B67CE1 #AE81EB #A686F5 #9C8CFF

#C46CC3 - #B67CE1 - #9C8CFF

CSS codes

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

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