#411F5E - #C8BFD1 | 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 #411F5E to #C8BFD1

#411F5E #C8BFD1

Calculate the color between two colors, #411F5E and #C8BFD1. 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)

#411F5E - #C8BFD1 | 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 #411F5E as 0% and #C8BFD1 as 100%.

0.0%	0.0% #411F5E	RGB 65 31 94	#411F5E
16.7%	16.7% #573971	RGB 87 57 113	#573971
33.3%	33.3% #6E5484	RGB 110 84 132	#6E5484
50.0%	50.0% #846F97	RGB 132 111 151	#846F97
66.7%	66.7% #9B89AA	RGB 155 137 170	#9B89AA
83.3%	83.3% #B1A4BD	RGB 177 164 189	#B1A4BD
100.0%	100.0% #C8BFD1	RGB 200 191 209	#C8BFD1

#411F5E #573971 #6E5484 #846F97 #9B89AA #B1A4BD #C8BFD1

#411F5E - #C8BFD1

HSV Blend

#411F5E - #C8BFD1 | 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 #411F5E as 0% and #C8BFD1 as 100%.

0.0%	0.0% #411F5E	RGB 65 31 94	#411F5E
16.7%	16.7% #523071	RGB 82 48 113	#523071
33.3%	33.3% #664584	RGB 102 69 132	#664584
50.0%	50.0% #7B5E97	RGB 123 94 151	#7B5E97
66.7%	66.7% #937AAA	RGB 147 122 170	#937AAA
83.3%	83.3% #AC9BBD	RGB 172 155 189	#AC9BBD
100.0%	100.0% #C8BFD1	RGB 200 191 209	#C8BFD1

#411F5E #523071 #664584 #7B5E97 #937AAA #AC9BBD #C8BFD1

#411F5E - #7B5E97 - #C8BFD1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #411F5E 0%, #7B5E97 50%, #C8BFD1 100%);
    background: -webkit-linear-gradient(top, #411F5E 0%, #7B5E97 50%, #C8BFD1 100%);
    background: linear-gradient(to bottom, #411F5E 0%, #7B5E97 50%, #C8BFD1 100%);
}
</style>