#5E9FDB - #94D9EE | 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 #5E9FDB to #94D9EE

#5E9FDB #94D9EE

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

#5E9FDB - #94D9EE | 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 #5E9FDB as 0% and #94D9EE as 100%.

0.0%	0.0% #5E9FDB	RGB 94 159 219	#5E9FDB
16.7%	16.7% #67A8DE	RGB 103 168 222	#67A8DE
33.3%	33.3% #70B2E1	RGB 112 178 225	#70B2E1
50.0%	50.0% #79BCE4	RGB 121 188 228	#79BCE4
66.7%	66.7% #82C5E7	RGB 130 197 231	#82C5E7
83.3%	83.3% #8BCFEA	RGB 139 207 234	#8BCFEA
100.0%	100.0% #94D9EE	RGB 148 217 238	#94D9EE

#5E9FDB #67A8DE #70B2E1 #79BCE4 #82C5E7 #8BCFEA #94D9EE

#5E9FDB - #94D9EE

HSV Blend

#5E9FDB - #94D9EE | 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 #5E9FDB as 0% and #94D9EE as 100%.

0.0%	0.0% #5E9FDB	RGB 94 159 219	#5E9FDB
16.7%	16.7% #66A9DE	RGB 102 169 222	#66A9DE
33.3%	33.3% #6FB3E1	RGB 111 179 225	#6FB3E1
50.0%	50.0% #78BDE4	RGB 120 189 228	#78BDE4
66.7%	66.7% #81C7E7	RGB 129 199 231	#81C7E7
83.3%	83.3% #8AD0EA	RGB 138 208 234	#8AD0EA
100.0%	100.0% #94D9EE	RGB 148 217 238	#94D9EE

#5E9FDB #66A9DE #6FB3E1 #78BDE4 #81C7E7 #8AD0EA #94D9EE

#5E9FDB - #78BDE4 - #94D9EE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E9FDB 0%, #78BDE4 50%, #94D9EE 100%);
    background: -webkit-linear-gradient(top, #5E9FDB 0%, #78BDE4 50%, #94D9EE 100%);
    background: linear-gradient(to bottom, #5E9FDB 0%, #78BDE4 50%, #94D9EE 100%);
}
</style>