#3D3669 - #C7C5D4 | 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 #3D3669 to #C7C5D4

#3D3669 #C7C5D4

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

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

0.0%	0.0% #3D3669	RGB 61 54 105	#3D3669
16.7%	16.7% #544D7A	RGB 84 77 122	#544D7A
33.3%	33.3% #6B658C	RGB 107 101 140	#6B658C
50.0%	50.0% #827D9E	RGB 130 125 158	#827D9E
66.7%	66.7% #9995B0	RGB 153 149 176	#9995B0
83.3%	83.3% #B0ADC2	RGB 176 173 194	#B0ADC2
100.0%	100.0% #C7C5D4	RGB 199 197 212	#C7C5D4

#3D3669 #544D7A #6B658C #827D9E #9995B0 #B0ADC2 #C7C5D4

#3D3669 - #C7C5D4

HSV Blend

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

0.0%	0.0% #3D3669	RGB 61 54 105	#3D3669
16.7%	16.7% #4E477A	RGB 78 71 122	#4E477A
33.3%	33.3% #625B8C	RGB 98 91 140	#625B8C
50.0%	50.0% #78729E	RGB 120 114 158	#78729E
66.7%	66.7% #908BB0	RGB 144 139 176	#908BB0
83.3%	83.3% #AAA6C2	RGB 170 166 194	#AAA6C2
100.0%	100.0% #C7C5D4	RGB 199 197 212	#C7C5D4

#3D3669 #4E477A #625B8C #78729E #908BB0 #AAA6C2 #C7C5D4

#3D3669 - #78729E - #C7C5D4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D3669 0%, #78729E 50%, #C7C5D4 100%);
    background: -webkit-linear-gradient(top, #3D3669 0%, #78729E 50%, #C7C5D4 100%);
    background: linear-gradient(to bottom, #3D3669 0%, #78729E 50%, #C7C5D4 100%);
}
</style>