#5E6383 - #D1D3DB | 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 #5E6383 to #D1D3DB

#5E6383 #D1D3DB

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

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

0.0%	0.0% #5E6383	RGB 94 99 131	#5E6383
16.7%	16.7% #717591	RGB 113 117 145	#717591
33.3%	33.3% #8488A0	RGB 132 136 160	#8488A0
50.0%	50.0% #979BAF	RGB 151 155 175	#979BAF
66.7%	66.7% #AAADBD	RGB 170 173 189	#AAADBD
83.3%	83.3% #BDC0CC	RGB 189 192 204	#BDC0CC
100.0%	100.0% #D1D3DB	RGB 209 211 219	#D1D3DB

#5E6383 #717591 #8488A0 #979BAF #AAADBD #BDC0CC #D1D3DB

#5E6383 - #D1D3DB

HSV Blend

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

0.0%	0.0% #5E6383	RGB 94 99 131	#5E6383
16.7%	16.7% #6E7391	RGB 110 115 145	#6E7391
33.3%	33.3% #7F84A0	RGB 127 132 160	#7F84A0
50.0%	50.0% #9297AF	RGB 146 151 175	#9297AF
66.7%	66.7% #A6AABD	RGB 166 170 189	#A6AABD
83.3%	83.3% #BABECC	RGB 186 190 204	#BABECC
100.0%	100.0% #D1D3DB	RGB 209 211 219	#D1D3DB

#5E6383 #6E7391 #7F84A0 #9297AF #A6AABD #BABECC #D1D3DB

#5E6383 - #9297AF - #D1D3DB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6383 0%, #9297AF 50%, #D1D3DB 100%);
    background: -webkit-linear-gradient(top, #5E6383 0%, #9297AF 50%, #D1D3DB 100%);
    background: linear-gradient(to bottom, #5E6383 0%, #9297AF 50%, #D1D3DB 100%);
}
</style>