#5E9FBC - #81FFAE | 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 #5E9FBC to #81FFAE

#5E9FBC #81FFAE

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

#5E9FBC - #81FFAE | 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 #5E9FBC as 0% and #81FFAE as 100%.

0.0%	0.0% #5E9FBC	RGB 94 159 188	#5E9FBC
16.7%	16.7% #63AFB9	RGB 99 175 185	#63AFB9
33.3%	33.3% #69BFB7	RGB 105 191 183	#69BFB7
50.0%	50.0% #6FCFB5	RGB 111 207 181	#6FCFB5
66.7%	66.7% #75DFB2	RGB 117 223 178	#75DFB2
83.3%	83.3% #7BEFB0	RGB 123 239 176	#7BEFB0
100.0%	100.0% #81FFAE	RGB 129 255 174	#81FFAE

#5E9FBC #63AFB9 #69BFB7 #6FCFB5 #75DFB2 #7BEFB0 #81FFAE

#5E9FBC - #81FFAE

HSV Blend

#5E9FBC - #81FFAE | 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 #5E9FBC as 0% and #81FFAE as 100%.

0.0%	0.0% #5E9FBC	RGB 94 159 188	#5E9FBC
16.7%	16.7% #63B8C7	RGB 99 184 199	#63B8C7
33.3%	33.3% #69D2D1	RGB 105 210 209	#69D2D1
50.0%	50.0% #6FDDCB	RGB 111 221 203	#6FDDCB
66.7%	66.7% #75E8C3	RGB 117 232 195	#75E8C3
83.3%	83.3% #7BF3B9	RGB 123 243 185	#7BF3B9
100.0%	100.0% #81FFAE	RGB 129 255 174	#81FFAE

#5E9FBC #63B8C7 #69D2D1 #6FDDCB #75E8C3 #7BF3B9 #81FFAE

#5E9FBC - #6FDDCB - #81FFAE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E9FBC 0%, #6FDDCB 50%, #81FFAE 100%);
    background: -webkit-linear-gradient(top, #5E9FBC 0%, #6FDDCB 50%, #81FFAE 100%);
    background: linear-gradient(to bottom, #5E9FBC 0%, #6FDDCB 50%, #81FFAE 100%);
}
</style>