#5E94B6 - #E0E4C7 | 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 #5E94B6 to #E0E4C7

#5E94B6 #E0E4C7

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

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

0.0%	0.0% #5E94B6	RGB 94 148 182	#5E94B6
16.7%	16.7% #73A1B8	RGB 115 161 184	#73A1B8
33.3%	33.3% #89AEBB	RGB 137 174 187	#89AEBB
50.0%	50.0% #9FBCBE	RGB 159 188 190	#9FBCBE
66.7%	66.7% #B4C9C1	RGB 180 201 193	#B4C9C1
83.3%	83.3% #CAD6C4	RGB 202 214 196	#CAD6C4
100.0%	100.0% #E0E4C7	RGB 224 228 199	#E0E4C7

#5E94B6 #73A1B8 #89AEBB #9FBCBE #B4C9C1 #CAD6C4 #E0E4C7

#5E94B6 - #E0E4C7

HSV Blend

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

0.0%	0.0% #5E94B6	RGB 94 148 182	#5E94B6
16.7%	16.7% #6DBCBD	RGB 109 188 189	#6DBCBD
33.3%	33.3% #7DC5AB	RGB 125 197 171	#7DC5AB
50.0%	50.0% #8ECD9E	RGB 142 205 158	#8ECD9E
66.7%	66.7% #A6D4A0	RGB 166 212 160	#A6D4A0
83.3%	83.3% #C7DCB3	RGB 199 220 179	#C7DCB3
100.0%	100.0% #E0E4C7	RGB 224 228 199	#E0E4C7

#5E94B6 #6DBCBD #7DC5AB #8ECD9E #A6D4A0 #C7DCB3 #E0E4C7

#5E94B6 - #8ECD9E - #E0E4C7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E94B6 0%, #8ECD9E 50%, #E0E4C7 100%);
    background: -webkit-linear-gradient(top, #5E94B6 0%, #8ECD9E 50%, #E0E4C7 100%);
    background: linear-gradient(to bottom, #5E94B6 0%, #8ECD9E 50%, #E0E4C7 100%);
}
</style>