#5E3668 - #D1C5D3 | 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 #5E3668 to #D1C5D3

#5E3668 #D1C5D3

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

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

0.0%	0.0% #5E3668	RGB 94 54 104	#5E3668
16.7%	16.7% #714D79	RGB 113 77 121	#714D79
33.3%	33.3% #84658B	RGB 132 101 139	#84658B
50.0%	50.0% #977D9D	RGB 151 125 157	#977D9D
66.7%	66.7% #AA95AF	RGB 170 149 175	#AA95AF
83.3%	83.3% #BDADC1	RGB 189 173 193	#BDADC1
100.0%	100.0% #D1C5D3	RGB 209 197 211	#D1C5D3

#5E3668 #714D79 #84658B #977D9D #AA95AF #BDADC1 #D1C5D3

#5E3668 - #D1C5D3

HSV Blend

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

0.0%	0.0% #5D3668	RGB 93 54 104	#5D3668
16.7%	16.7% #704779	RGB 112 71 121	#704779
33.3%	33.3% #835B8B	RGB 131 91 139	#835B8B
50.0%	50.0% #96729D	RGB 150 114 157	#96729D
66.7%	66.7% #A98BAF	RGB 169 139 175	#A98BAF
83.3%	83.3% #BDA7C1	RGB 189 167 193	#BDA7C1
100.0%	100.0% #D1C5D3	RGB 209 197 211	#D1C5D3

#5D3668 #704779 #835B8B #96729D #A98BAF #BDA7C1 #D1C5D3

#5E3668 - #96729D - #D1C5D3

CSS codes

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

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