#5E3C67 - #D1C7D3 | 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 #5E3C67 to #D1C7D3

#5E3C67 #D1C7D3

Calculate the color between two colors, #5E3C67 and #D1C7D3. 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)

#5E3C67 - #D1C7D3 | 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 #5E3C67 as 0% and #D1C7D3 as 100%.

0.0%	0.0% #5E3C67	RGB 94 60 103	#5E3C67
16.7%	16.7% #715379	RGB 113 83 121	#715379
33.3%	33.3% #846A8B	RGB 132 106 139	#846A8B
50.0%	50.0% #97819D	RGB 151 129 157	#97819D
66.7%	66.7% #AA98AF	RGB 170 152 175	#AA98AF
83.3%	83.3% #BDAFC1	RGB 189 175 193	#BDAFC1
100.0%	100.0% #D1C7D3	RGB 209 199 211	#D1C7D3

#5E3C67 #715379 #846A8B #97819D #AA98AF #BDAFC1 #D1C7D3

#5E3C67 - #D1C7D3

HSV Blend

#5E3C67 - #D1C7D3 | 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 #5E3C67 as 0% and #D1C7D3 as 100%.

0.0%	0.0% #5E3C67	RGB 94 60 103	#5E3C67
16.7%	16.7% #704D79	RGB 112 77 121	#704D79
33.3%	33.3% #82618B	RGB 130 97 139	#82618B
50.0%	50.0% #96779D	RGB 150 119 157	#96779D
66.7%	66.7% #A990AF	RGB 169 144 175	#A990AF
83.3%	83.3% #BDAAC1	RGB 189 170 193	#BDAAC1
100.0%	100.0% #D1C7D3	RGB 209 199 211	#D1C7D3

#5E3C67 #704D79 #82618B #96779D #A990AF #BDAAC1 #D1C7D3

#5E3C67 - #96779D - #D1C7D3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3C67 0%, #96779D 50%, #D1C7D3 100%);
    background: -webkit-linear-gradient(top, #5E3C67 0%, #96779D 50%, #D1C7D3 100%);
    background: linear-gradient(to bottom, #5E3C67 0%, #96779D 50%, #D1C7D3 100%);
}
</style>