#5E307B - #D1C3D9 | 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 #5E307B to #D1C3D9

#5E307B #D1C3D9

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

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

0.0%	0.0% #5E307B	RGB 94 48 123	#5E307B
16.7%	16.7% #71488A	RGB 113 72 138	#71488A
33.3%	33.3% #84619A	RGB 132 97 154	#84619A
50.0%	50.0% #9779AA	RGB 151 121 170	#9779AA
66.7%	66.7% #AA92B9	RGB 170 146 185	#AA92B9
83.3%	83.3% #BDAAC9	RGB 189 170 201	#BDAAC9
100.0%	100.0% #D1C3D9	RGB 209 195 217	#D1C3D9

#5E307B #71488A #84619A #9779AA #AA92B9 #BDAAC9 #D1C3D9

#5E307B - #D1C3D9

HSV Blend

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

0.0%	0.0% #5E307B	RGB 94 48 123	#5E307B
16.7%	16.7% #6E418A	RGB 110 65 138	#6E418A
33.3%	33.3% #80569A	RGB 128 86 154	#80569A
50.0%	50.0% #936DAA	RGB 147 109 170	#936DAA
66.7%	66.7% #A687B9	RGB 166 135 185	#A687B9
83.3%	83.3% #BBA3C9	RGB 187 163 201	#BBA3C9
100.0%	100.0% #D1C3D9	RGB 209 195 217	#D1C3D9

#5E307B #6E418A #80569A #936DAA #A687B9 #BBA3C9 #D1C3D9

#5E307B - #936DAA - #D1C3D9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E307B 0%, #936DAA 50%, #D1C3D9 100%);
    background: -webkit-linear-gradient(top, #5E307B 0%, #936DAA 50%, #D1C3D9 100%);
    background: linear-gradient(to bottom, #5E307B 0%, #936DAA 50%, #D1C3D9 100%);
}
</style>