#3A2E5E - #C6C3D1 | 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 #3A2E5E to #C6C3D1

#3A2E5E #C6C3D1

Calculate the color between two colors, #3A2E5E and #C6C3D1. 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)

#3A2E5E - #C6C3D1 | 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 #3A2E5E as 0% and #C6C3D1 as 100%.

0.0%	0.0% #3A2E5E	RGB 58 46 94	#3A2E5E
16.7%	16.7% #514671	RGB 81 70 113	#514671
33.3%	33.3% #685F84	RGB 104 95 132	#685F84
50.0%	50.0% #807897	RGB 128 120 151	#807897
66.7%	66.7% #9791AA	RGB 151 145 170	#9791AA
83.3%	83.3% #AEAABD	RGB 174 170 189	#AEAABD
100.0%	100.0% #C6C3D1	RGB 198 195 209	#C6C3D1

#3A2E5E #514671 #685F84 #807897 #9791AA #AEAABD #C6C3D1

#3A2E5E - #C6C3D1

HSV Blend

#3A2E5E - #C6C3D1 | 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 #3A2E5E as 0% and #C6C3D1 as 100%.

0.0%	0.0% #392E5E	RGB 57 46 94	#392E5E
16.7%	16.7% #4B3F71	RGB 75 63 113	#4B3F71
33.3%	33.3% #5F5484	RGB 95 84 132	#5F5484
50.0%	50.0% #756B97	RGB 117 107 151	#756B97
66.7%	66.7% #8E85AA	RGB 142 133 170	#8E85AA
83.3%	83.3% #A8A3BD	RGB 168 163 189	#A8A3BD
100.0%	100.0% #C6C3D1	RGB 198 195 209	#C6C3D1

#392E5E #4B3F71 #5F5484 #756B97 #8E85AA #A8A3BD #C6C3D1

#3A2E5E - #756B97 - #C6C3D1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #392E5E 0%, #756B97 50%, #C6C3D1 100%);
    background: -webkit-linear-gradient(top, #392E5E 0%, #756B97 50%, #C6C3D1 100%);
    background: linear-gradient(to bottom, #392E5E 0%, #756B97 50%, #C6C3D1 100%);
}
</style>