#413CBA - #C8C7EB | 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 #413CBA to #C8C7EB

#413CBA #C8C7EB

Calculate the color between two colors, #413CBA and #C8C7EB. 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)

#413CBA - #C8C7EB | 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 #413CBA as 0% and #C8C7EB as 100%.

0.0%	0.0% #413CBA	RGB 65 60 186	#413CBA
16.7%	16.7% #5753C2	RGB 87 83 194	#5753C2
33.3%	33.3% #6E6ACA	RGB 110 106 202	#6E6ACA
50.0%	50.0% #8481D2	RGB 132 129 210	#8481D2
66.7%	66.7% #9B98DA	RGB 155 152 218	#9B98DA
83.3%	83.3% #B1AFE2	RGB 177 175 226	#B1AFE2
100.0%	100.0% #C8C7EB	RGB 200 199 235	#C8C7EB

#413CBA #5753C2 #6E6ACA #8481D2 #9B98DA #B1AFE2 #C8C7EB

#413CBA - #C8C7EB

HSV Blend

#413CBA - #C8C7EB | 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 #413CBA as 0% and #C8C7EB as 100%.

0.0%	0.0% #403CBA	RGB 64 60 186	#403CBA
16.7%	16.7% #534FC2	RGB 83 79 194	#534FC2
33.3%	33.3% #6864CA	RGB 104 100 202	#6864CA
50.0%	50.0% #7E7BD2	RGB 126 123 210	#7E7BD2
66.7%	66.7% #9592DA	RGB 149 146 218	#9592DA
83.3%	83.3% #ADACE2	RGB 173 172 226	#ADACE2
100.0%	100.0% #C8C7EB	RGB 200 199 235	#C8C7EB

#403CBA #534FC2 #6864CA #7E7BD2 #9592DA #ADACE2 #C8C7EB

#413CBA - #7E7BD2 - #C8C7EB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #403CBA 0%, #7E7BD2 50%, #C8C7EB 100%);
    background: -webkit-linear-gradient(top, #403CBA 0%, #7E7BD2 50%, #C8C7EB 100%);
    background: linear-gradient(to bottom, #403CBA 0%, #7E7BD2 50%, #C8C7EB 100%);
}
</style>