#5E658C - #D1D3DE | 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 #5E658C to #D1D3DE

#5E658C #D1D3DE

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

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

0.0%	0.0% #5E658C	RGB 94 101 140	#5E658C
16.7%	16.7% #717799	RGB 113 119 153	#717799
33.3%	33.3% #8489A7	RGB 132 137 167	#8489A7
50.0%	50.0% #979CB5	RGB 151 156 181	#979CB5
66.7%	66.7% #AAAEC2	RGB 170 174 194	#AAAEC2
83.3%	83.3% #BDC0D0	RGB 189 192 208	#BDC0D0
100.0%	100.0% #D1D3DE	RGB 209 211 222	#D1D3DE

#5E658C #717799 #8489A7 #979CB5 #AAAEC2 #BDC0D0 #D1D3DE

#5E658C - #D1D3DE

HSV Blend

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

0.0%	0.0% #5E658C	RGB 94 101 140	#5E658C
16.7%	16.7% #6E7499	RGB 110 116 153	#6E7499
33.3%	33.3% #7F85A7	RGB 127 133 167	#7F85A7
50.0%	50.0% #9197B5	RGB 145 151 181	#9197B5
66.7%	66.7% #A5AAC2	RGB 165 170 194	#A5AAC2
83.3%	83.3% #BABED0	RGB 186 190 208	#BABED0
100.0%	100.0% #D1D3DE	RGB 209 211 222	#D1D3DE

#5E658C #6E7499 #7F85A7 #9197B5 #A5AAC2 #BABED0 #D1D3DE

#5E658C - #9197B5 - #D1D3DE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E658C 0%, #9197B5 50%, #D1D3DE 100%);
    background: -webkit-linear-gradient(top, #5E658C 0%, #9197B5 50%, #D1D3DE 100%);
    background: linear-gradient(to bottom, #5E658C 0%, #9197B5 50%, #D1D3DE 100%);
}
</style>