#5E649C - #D1D2E2 | 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 #5E649C to #D1D2E2

#5E649C #D1D2E2

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

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

0.0%	0.0% #5E649C	RGB 94 100 156	#5E649C
16.7%	16.7% #7176A7	RGB 113 118 167	#7176A7
33.3%	33.3% #8488B3	RGB 132 136 179	#8488B3
50.0%	50.0% #979BBF	RGB 151 155 191	#979BBF
66.7%	66.7% #AAADCA	RGB 170 173 202	#AAADCA
83.3%	83.3% #BDBFD6	RGB 189 191 214	#BDBFD6
100.0%	100.0% #D1D2E2	RGB 209 210 226	#D1D2E2

#5E649C #7176A7 #8488B3 #979BBF #AAADCA #BDBFD6 #D1D2E2

#5E649C - #D1D2E2

HSV Blend

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

0.0%	0.0% #5E649C	RGB 94 100 156	#5E649C
16.7%	16.7% #6E73A7	RGB 110 115 167	#6E73A7
33.3%	33.3% #7F83B3	RGB 127 131 179	#7F83B3
50.0%	50.0% #9195BF	RGB 145 149 191	#9195BF
66.7%	66.7% #A5A8CA	RGB 165 168 202	#A5A8CA
83.3%	83.3% #BABCD6	RGB 186 188 214	#BABCD6
100.0%	100.0% #D1D2E2	RGB 209 210 226	#D1D2E2

#5E649C #6E73A7 #7F83B3 #9195BF #A5A8CA #BABCD6 #D1D2E2

#5E649C - #9195BF - #D1D2E2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E649C 0%, #9195BF 50%, #D1D2E2 100%);
    background: -webkit-linear-gradient(top, #5E649C 0%, #9195BF 50%, #D1D2E2 100%);
    background: linear-gradient(to bottom, #5E649C 0%, #9195BF 50%, #D1D2E2 100%);
}
</style>