#4300A8 - #C8B6E6 | 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 #4300A8 to #C8B6E6

#4300A8 #C8B6E6

Calculate the color between two colors, #4300A8 and #C8B6E6. 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)

#4300A8 - #C8B6E6 | 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 #4300A8 as 0% and #C8B6E6 as 100%.

0.0%	0.0% #4300A8	RGB 67 0 168	#4300A8
16.7%	16.7% #591EB2	RGB 89 30 178	#591EB2
33.3%	33.3% #6F3CBC	RGB 111 60 188	#6F3CBC
50.0%	50.0% #855BC7	RGB 133 91 199	#855BC7
66.7%	66.7% #9B79D1	RGB 155 121 209	#9B79D1
83.3%	83.3% #B197DB	RGB 177 151 219	#B197DB
100.0%	100.0% #C8B6E6	RGB 200 182 230	#C8B6E6

#4300A8 #591EB2 #6F3CBC #855BC7 #9B79D1 #B197DB #C8B6E6

#4300A8 - #C8B6E6

HSV Blend

#4300A8 - #C8B6E6 | 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 #4300A8 as 0% and #C8B6E6 as 100%.

0.0%	0.0% #4300A8	RGB 67 0 168	#4300A8
16.7%	16.7% #5417B2	RGB 84 23 178	#5417B2
33.3%	33.3% #6831BC	RGB 104 49 188	#6831BC
50.0%	50.0% #7D4EC7	RGB 125 78 199	#7D4EC7
66.7%	66.7% #946ED1	RGB 148 110 209	#946ED1
83.3%	83.3% #AD90DB	RGB 173 144 219	#AD90DB
100.0%	100.0% #C8B6E6	RGB 200 182 230	#C8B6E6

#4300A8 #5417B2 #6831BC #7D4EC7 #946ED1 #AD90DB #C8B6E6

#4300A8 - #7D4EC7 - #C8B6E6

CSS codes

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

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