#5EAFBA - #B4E79A | 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 #5EAFBA to #B4E79A

#5EAFBA #B4E79A

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

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

0.0%	0.0% #5EAFBA	RGB 94 175 186	#5EAFBA
16.7%	16.7% #6CB8B4	RGB 108 184 180	#6CB8B4
33.3%	33.3% #7AC1AF	RGB 122 193 175	#7AC1AF
50.0%	50.0% #89CBAA	RGB 137 203 170	#89CBAA
66.7%	66.7% #97D4A4	RGB 151 212 164	#97D4A4
83.3%	83.3% #A5DD9F	RGB 165 221 159	#A5DD9F
100.0%	100.0% #B4E79A	RGB 180 231 154	#B4E79A

#5EAFBA #6CB8B4 #7AC1AF #89CBAA #97D4A4 #A5DD9F #B4E79A

#5EAFBA - #B4E79A

HSV Blend

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

0.0%	0.0% #5EAEBA	RGB 94 174 186	#5EAEBA
16.7%	16.7% #66C1B6	RGB 102 193 182	#66C1B6
33.3%	33.3% #70C9A8	RGB 112 201 168	#70C9A8
50.0%	50.0% #7AD09B	RGB 122 208 155	#7AD09B
66.7%	66.7% #84D890	RGB 132 216 144	#84D890
83.3%	83.3% #96DF8E	RGB 150 223 142	#96DF8E
100.0%	100.0% #B4E79A	RGB 180 231 154	#B4E79A

#5EAEBA #66C1B6 #70C9A8 #7AD09B #84D890 #96DF8E #B4E79A

#5EAFBA - #7AD09B - #B4E79A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5EAEBA 0%, #7AD09B 50%, #B4E79A 100%);
    background: -webkit-linear-gradient(top, #5EAEBA 0%, #7AD09B 50%, #B4E79A 100%);
    background: linear-gradient(to bottom, #5EAEBA 0%, #7AD09B 50%, #B4E79A 100%);
}
</style>