#352A5E - #C5C2D1 | 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 #352A5E to #C5C2D1

#352A5E #C5C2D1

Calculate the color between two colors, #352A5E and #C5C2D1. 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)

#352A5E - #C5C2D1 | 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 #352A5E as 0% and #C5C2D1 as 100%.

0.0%	0.0% #352A5E	RGB 53 42 94	#352A5E
16.7%	16.7% #4D4371	RGB 77 67 113	#4D4371
33.3%	33.3% #655C84	RGB 101 92 132	#655C84
50.0%	50.0% #7D7697	RGB 125 118 151	#7D7697
66.7%	66.7% #958FAA	RGB 149 143 170	#958FAA
83.3%	83.3% #ADA8BD	RGB 173 168 189	#ADA8BD
100.0%	100.0% #C5C2D1	RGB 197 194 209	#C5C2D1

#352A5E #4D4371 #655C84 #7D7697 #958FAA #ADA8BD #C5C2D1

#352A5E - #C5C2D1

HSV Blend

#352A5E - #C5C2D1 | 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 #352A5E as 0% and #C5C2D1 as 100%.

0.0%	0.0% #352A5E	RGB 53 42 94	#352A5E
16.7%	16.7% #463B71	RGB 70 59 113	#463B71
33.3%	33.3% #5B5084	RGB 91 80 132	#5B5084
50.0%	50.0% #716897	RGB 113 104 151	#716897
66.7%	66.7% #8B83AA	RGB 139 131 170	#8B83AA
83.3%	83.3% #A6A0BD	RGB 166 160 189	#A6A0BD
100.0%	100.0% #C5C2D1	RGB 197 194 209	#C5C2D1

#352A5E #463B71 #5B5084 #716897 #8B83AA #A6A0BD #C5C2D1

#352A5E - #716897 - #C5C2D1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #352A5E 0%, #716897 50%, #C5C2D1 100%);
    background: -webkit-linear-gradient(top, #352A5E 0%, #716897 50%, #C5C2D1 100%);
    background: linear-gradient(to bottom, #352A5E 0%, #716897 50%, #C5C2D1 100%);
}
</style>