#5E6084 - #D1D1DB | 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 #5E6084 to #D1D1DB

#5E6084 #D1D1DB

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

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

0.0%	0.0% #5E6084	RGB 94 96 132	#5E6084
16.7%	16.7% #717292	RGB 113 114 146	#717292
33.3%	33.3% #8485A1	RGB 132 133 161	#8485A1
50.0%	50.0% #9798AF	RGB 151 152 175	#9798AF
66.7%	66.7% #AAABBE	RGB 170 171 190	#AAABBE
83.3%	83.3% #BDBECC	RGB 189 190 204	#BDBECC
100.0%	100.0% #D1D1DB	RGB 209 209 219	#D1D1DB

#5E6084 #717292 #8485A1 #9798AF #AAABBE #BDBECC #D1D1DB

#5E6084 - #D1D1DB

HSV Blend

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

0.0%	0.0% #5E6084	RGB 94 96 132	#5E6084
16.7%	16.7% #6E6F92	RGB 110 111 146	#6E6F92
33.3%	33.3% #7F80A1	RGB 127 128 161	#7F80A1
50.0%	50.0% #9293AF	RGB 146 147 175	#9293AF
66.7%	66.7% #A5A6BE	RGB 165 166 190	#A5A6BE
83.3%	83.3% #BABBCC	RGB 186 187 204	#BABBCC
100.0%	100.0% #D1D1DB	RGB 209 209 219	#D1D1DB

#5E6084 #6E6F92 #7F80A1 #9293AF #A5A6BE #BABBCC #D1D1DB

#5E6084 - #9293AF - #D1D1DB

CSS codes

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

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