#5E80AA - #D1DAE6 | 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 #5E80AA to #D1DAE6

#5E80AA #D1DAE6

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

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

0.0%	0.0% #5E80AA	RGB 94 128 170	#5E80AA
16.7%	16.7% #718FB4	RGB 113 143 180	#718FB4
33.3%	33.3% #849EBE	RGB 132 158 190	#849EBE
50.0%	50.0% #97ADC8	RGB 151 173 200	#97ADC8
66.7%	66.7% #AABCD2	RGB 170 188 210	#AABCD2
83.3%	83.3% #BDCBDC	RGB 189 203 220	#BDCBDC
100.0%	100.0% #D1DAE6	RGB 209 218 230	#D1DAE6

#5E80AA #718FB4 #849EBE #97ADC8 #AABCD2 #BDCBDC #D1DAE6

#5E80AA - #D1DAE6

HSV Blend

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

0.0%	0.0% #5E80AA	RGB 94 128 170	#5E80AA
16.7%	16.7% #6E8DB4	RGB 110 141 180	#6E8DB4
33.3%	33.3% #7F9BBE	RGB 127 155 190	#7F9BBE
50.0%	50.0% #92A9C8	RGB 146 169 200	#92A9C8
66.7%	66.7% #A5B9D2	RGB 165 185 210	#A5B9D2
83.3%	83.3% #BAC9DC	RGB 186 201 220	#BAC9DC
100.0%	100.0% #D1DAE6	RGB 209 218 230	#D1DAE6

#5E80AA #6E8DB4 #7F9BBE #92A9C8 #A5B9D2 #BAC9DC #D1DAE6

#5E80AA - #92A9C8 - #D1DAE6

CSS codes

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

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