#401B5E - #C8BDD1 | 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 #401B5E to #C8BDD1

#401B5E #C8BDD1

Calculate the color between two colors, #401B5E and #C8BDD1. 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)

#401B5E - #C8BDD1 | 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 #401B5E as 0% and #C8BDD1 as 100%.

0.0%	0.0% #401B5E	RGB 64 27 94	#401B5E
16.7%	16.7% #563671	RGB 86 54 113	#563671
33.3%	33.3% #6D5184	RGB 109 81 132	#6D5184
50.0%	50.0% #846C97	RGB 132 108 151	#846C97
66.7%	66.7% #9A87AA	RGB 154 135 170	#9A87AA
83.3%	83.3% #B1A2BD	RGB 177 162 189	#B1A2BD
100.0%	100.0% #C8BDD1	RGB 200 189 209	#C8BDD1

#401B5E #563671 #6D5184 #846C97 #9A87AA #B1A2BD #C8BDD1

#401B5E - #C8BDD1

HSV Blend

#401B5E - #C8BDD1 | 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 #401B5E as 0% and #C8BDD1 as 100%.

0.0%	0.0% #3F1B5E	RGB 63 27 94	#3F1B5E
16.7%	16.7% #522C71	RGB 82 44 113	#522C71
33.3%	33.3% #664184	RGB 102 65 132	#664184
50.0%	50.0% #7C5A97	RGB 124 90 151	#7C5A97
66.7%	66.7% #9377AA	RGB 147 119 170	#9377AA
83.3%	83.3% #AC98BD	RGB 172 152 189	#AC98BD
100.0%	100.0% #C8BDD1	RGB 200 189 209	#C8BDD1

#3F1B5E #522C71 #664184 #7C5A97 #9377AA #AC98BD #C8BDD1

#401B5E - #7C5A97 - #C8BDD1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3F1B5E 0%, #7C5A97 50%, #C8BDD1 100%);
    background: -webkit-linear-gradient(top, #3F1B5E 0%, #7C5A97 50%, #C8BDD1 100%);
    background: linear-gradient(to bottom, #3F1B5E 0%, #7C5A97 50%, #C8BDD1 100%);
}
</style>