#5E859B - #D1DCE2 | 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 #5E859B to #D1DCE2

#5E859B #D1DCE2

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

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

0.0%	0.0% #5E859B	RGB 94 133 155	#5E859B
16.7%	16.7% #7193A6	RGB 113 147 166	#7193A6
33.3%	33.3% #84A2B2	RGB 132 162 178	#84A2B2
50.0%	50.0% #97B0BE	RGB 151 176 190	#97B0BE
66.7%	66.7% #AABFCA	RGB 170 191 202	#AABFCA
83.3%	83.3% #BDCDD6	RGB 189 205 214	#BDCDD6
100.0%	100.0% #D1DCE2	RGB 209 220 226	#D1DCE2

#5E859B #7193A6 #84A2B2 #97B0BE #AABFCA #BDCDD6 #D1DCE2

#5E859B - #D1DCE2

HSV Blend

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

0.0%	0.0% #5E859B	RGB 94 133 155	#5E859B
16.7%	16.7% #6E92A6	RGB 110 146 166	#6E92A6
33.3%	33.3% #7FA0B2	RGB 127 160 178	#7FA0B2
50.0%	50.0% #91AEBE	RGB 145 174 190	#91AEBE
66.7%	66.7% #A5BDCA	RGB 165 189 202	#A5BDCA
83.3%	83.3% #BACCD6	RGB 186 204 214	#BACCD6
100.0%	100.0% #D1DCE2	RGB 209 220 226	#D1DCE2

#5E859B #6E92A6 #7FA0B2 #91AEBE #A5BDCA #BACCD6 #D1DCE2

#5E859B - #91AEBE - #D1DCE2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E859B 0%, #91AEBE 50%, #D1DCE2 100%);
    background: -webkit-linear-gradient(top, #5E859B 0%, #91AEBE 50%, #D1DCE2 100%);
    background: linear-gradient(to bottom, #5E859B 0%, #91AEBE 50%, #D1DCE2 100%);
}
</style>