#5E809C - #D1DAE2 | 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 #5E809C to #D1DAE2

#5E809C #D1DAE2

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

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

0.0%	0.0% #5E809C	RGB 94 128 156	#5E809C
16.7%	16.7% #718FA7	RGB 113 143 167	#718FA7
33.3%	33.3% #849EB3	RGB 132 158 179	#849EB3
50.0%	50.0% #97ADBF	RGB 151 173 191	#97ADBF
66.7%	66.7% #AABCCA	RGB 170 188 202	#AABCCA
83.3%	83.3% #BDCBD6	RGB 189 203 214	#BDCBD6
100.0%	100.0% #D1DAE2	RGB 209 218 226	#D1DAE2

#5E809C #718FA7 #849EB3 #97ADBF #AABCCA #BDCBD6 #D1DAE2

#5E809C - #D1DAE2

HSV Blend

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

0.0%	0.0% #5E809C	RGB 94 128 156	#5E809C
16.7%	16.7% #6E8DA7	RGB 110 141 167	#6E8DA7
33.3%	33.3% #7F9BB3	RGB 127 155 179	#7F9BB3
50.0%	50.0% #91AABF	RGB 145 170 191	#91AABF
66.7%	66.7% #A5B9CA	RGB 165 185 202	#A5B9CA
83.3%	83.3% #BAC9D6	RGB 186 201 214	#BAC9D6
100.0%	100.0% #D1DAE2	RGB 209 218 226	#D1DAE2

#5E809C #6E8DA7 #7F9BB3 #91AABF #A5B9CA #BAC9D6 #D1DAE2

#5E809C - #91AABF - #D1DAE2

CSS codes

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

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