#5E83AE - #D1DBE7 | 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 #5E83AE to #D1DBE7

#5E83AE #D1DBE7

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

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

0.0%	0.0% #5E83AE	RGB 94 131 174	#5E83AE
16.7%	16.7% #7191B7	RGB 113 145 183	#7191B7
33.3%	33.3% #84A0C1	RGB 132 160 193	#84A0C1
50.0%	50.0% #97AFCA	RGB 151 175 202	#97AFCA
66.7%	66.7% #AABDD4	RGB 170 189 212	#AABDD4
83.3%	83.3% #BDCCDD	RGB 189 204 221	#BDCCDD
100.0%	100.0% #D1DBE7	RGB 209 219 231	#D1DBE7

#5E83AE #7191B7 #84A0C1 #97AFCA #AABDD4 #BDCCDD #D1DBE7

#5E83AE - #D1DBE7

HSV Blend

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

0.0%	0.0% #5E83AE	RGB 94 131 174	#5E83AE
16.7%	16.7% #6E90B7	RGB 110 144 183	#6E90B7
33.3%	33.3% #7F9DC1	RGB 127 157 193	#7F9DC1
50.0%	50.0% #92ACCA	RGB 146 172 202	#92ACCA
66.7%	66.7% #A6BBD4	RGB 166 187 212	#A6BBD4
83.3%	83.3% #BACADD	RGB 186 202 221	#BACADD
100.0%	100.0% #D1DBE7	RGB 209 219 231	#D1DBE7

#5E83AE #6E90B7 #7F9DC1 #92ACCA #A6BBD4 #BACADD #D1DBE7

#5E83AE - #92ACCA - #D1DBE7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E83AE 0%, #92ACCA 50%, #D1DBE7 100%);
    background: -webkit-linear-gradient(top, #5E83AE 0%, #92ACCA 50%, #D1DBE7 100%);
    background: linear-gradient(to bottom, #5E83AE 0%, #92ACCA 50%, #D1DBE7 100%);
}
</style>