#5E80BF - #D1DAEC | 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 #5E80BF to #D1DAEC

#5E80BF #D1DAEC

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

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

0.0%	0.0% #5E80BF	RGB 94 128 191	#5E80BF
16.7%	16.7% #718FC6	RGB 113 143 198	#718FC6
33.3%	33.3% #849ECE	RGB 132 158 206	#849ECE
50.0%	50.0% #97ADD5	RGB 151 173 213	#97ADD5
66.7%	66.7% #AABCDD	RGB 170 188 221	#AABCDD
83.3%	83.3% #BDCBE4	RGB 189 203 228	#BDCBE4
100.0%	100.0% #D1DAEC	RGB 209 218 236	#D1DAEC

#5E80BF #718FC6 #849ECE #97ADD5 #AABCDD #BDCBE4 #D1DAEC

#5E80BF - #D1DAEC

HSV Blend

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

0.0%	0.0% #5E80BF	RGB 94 128 191	#5E80BF
16.7%	16.7% #6E8DC6	RGB 110 141 198	#6E8DC6
33.3%	33.3% #809BCE	RGB 128 155 206	#809BCE
50.0%	50.0% #93A9D5	RGB 147 169 213	#93A9D5
66.7%	66.7% #A6B9DD	RGB 166 185 221	#A6B9DD
83.3%	83.3% #BBC9E4	RGB 187 201 228	#BBC9E4
100.0%	100.0% #D1DAEC	RGB 209 218 236	#D1DAEC

#5E80BF #6E8DC6 #809BCE #93A9D5 #A6B9DD #BBC9E4 #D1DAEC

#5E80BF - #93A9D5 - #D1DAEC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E80BF 0%, #93A9D5 50%, #D1DAEC 100%);
    background: -webkit-linear-gradient(top, #5E80BF 0%, #93A9D5 50%, #D1DAEC 100%);
    background: linear-gradient(to bottom, #5E80BF 0%, #93A9D5 50%, #D1DAEC 100%);
}
</style>