#4000A8 - #C7B6E6 | 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 #4000A8 to #C7B6E6

#4000A8 #C7B6E6

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

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

0.0%	0.0% #4000A8	RGB 64 0 168	#4000A8
16.7%	16.7% #561EB2	RGB 86 30 178	#561EB2
33.3%	33.3% #6D3CBC	RGB 109 60 188	#6D3CBC
50.0%	50.0% #835BC7	RGB 131 91 199	#835BC7
66.7%	66.7% #9A79D1	RGB 154 121 209	#9A79D1
83.3%	83.3% #B097DB	RGB 176 151 219	#B097DB
100.0%	100.0% #C7B6E6	RGB 199 182 230	#C7B6E6

#4000A8 #561EB2 #6D3CBC #835BC7 #9A79D1 #B097DB #C7B6E6

#4000A8 - #C7B6E6

HSV Blend

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

0.0%	0.0% #4000A8	RGB 64 0 168	#4000A8
16.7%	16.7% #5117B2	RGB 81 23 178	#5117B2
33.3%	33.3% #6531BC	RGB 101 49 188	#6531BC
50.0%	50.0% #7A4EC7	RGB 122 78 199	#7A4EC7
66.7%	66.7% #926ED1	RGB 146 110 209	#926ED1
83.3%	83.3% #AB90DB	RGB 171 144 219	#AB90DB
100.0%	100.0% #C7B6E6	RGB 199 182 230	#C7B6E6

#4000A8 #5117B2 #6531BC #7A4EC7 #926ED1 #AB90DB #C7B6E6

#4000A8 - #7A4EC7 - #C7B6E6

CSS codes

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

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