#5E8DBE - #81FFB4 | 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 #5E8DBE to #81FFB4

#5E8DBE #81FFB4

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

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

0.0%	0.0% #5E8DBE	RGB 94 141 190	#5E8DBE
16.7%	16.7% #63A0BC	RGB 99 160 188	#63A0BC
33.3%	33.3% #69B3BA	RGB 105 179 186	#69B3BA
50.0%	50.0% #6FC6B9	RGB 111 198 185	#6FC6B9
66.7%	66.7% #75D9B7	RGB 117 217 183	#75D9B7
83.3%	83.3% #7BECB5	RGB 123 236 181	#7BECB5
100.0%	100.0% #81FFB4	RGB 129 255 180	#81FFB4

#5E8DBE #63A0BC #69B3BA #6FC6B9 #75D9B7 #7BECB5 #81FFB4

#5E8DBE - #81FFB4

HSV Blend

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

0.0%	0.0% #5E8DBE	RGB 94 141 190	#5E8DBE
16.7%	16.7% #63A7C8	RGB 99 167 200	#63A7C8
33.3%	33.3% #69C4D3	RGB 105 196 211	#69C4D3
50.0%	50.0% #6FDED9	RGB 111 222 217	#6FDED9
66.7%	66.7% #75E9CF	RGB 117 233 207	#75E9CF
83.3%	83.3% #7BF4C2	RGB 123 244 194	#7BF4C2
100.0%	100.0% #81FFB4	RGB 129 255 180	#81FFB4

#5E8DBE #63A7C8 #69C4D3 #6FDED9 #75E9CF #7BF4C2 #81FFB4

#5E8DBE - #6FDED9 - #81FFB4

CSS codes

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

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