#413C7E - #C8C7DA | 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 #413C7E to #C8C7DA

#413C7E #C8C7DA

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

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

0.0%	0.0% #413C7E	RGB 65 60 126	#413C7E
16.7%	16.7% #57538D	RGB 87 83 141	#57538D
33.3%	33.3% #6E6A9C	RGB 110 106 156	#6E6A9C
50.0%	50.0% #8481AC	RGB 132 129 172	#8481AC
66.7%	66.7% #9B98BB	RGB 155 152 187	#9B98BB
83.3%	83.3% #B1AFCA	RGB 177 175 202	#B1AFCA
100.0%	100.0% #C8C7DA	RGB 200 199 218	#C8C7DA

#413C7E #57538D #6E6A9C #8481AC #9B98BB #B1AFCA #C8C7DA

#413C7E - #C8C7DA

HSV Blend

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

0.0%	0.0% #413C7E	RGB 65 60 126	#413C7E
16.7%	16.7% #524D8D	RGB 82 77 141	#524D8D
33.3%	33.3% #65619C	RGB 101 97 156	#65619C
50.0%	50.0% #7A77AC	RGB 122 119 172	#7A77AC
66.7%	66.7% #928FBB	RGB 146 143 187	#928FBB
83.3%	83.3% #ACAACA	RGB 172 170 202	#ACAACA
100.0%	100.0% #C8C7DA	RGB 200 199 218	#C8C7DA

#413C7E #524D8D #65619C #7A77AC #928FBB #ACAACA #C8C7DA

#413C7E - #7A77AC - #C8C7DA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #413C7E 0%, #7A77AC 50%, #C8C7DA 100%);
    background: -webkit-linear-gradient(top, #413C7E 0%, #7A77AC 50%, #C8C7DA 100%);
    background: linear-gradient(to bottom, #413C7E 0%, #7A77AC 50%, #C8C7DA 100%);
}
</style>