#4F99BA - #B5E3AF | 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 #4F99BA to #B5E3AF

#4F99BA #B5E3AF

Calculate the color between two colors, #4F99BA and #B5E3AF. 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)

#4F99BA - #B5E3AF | 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 #4F99BA as 0% and #B5E3AF as 100%.

0.0%	0.0% #4F99BA	RGB 79 153 186	#4F99BA
16.7%	16.7% #60A5B8	RGB 96 165 184	#60A5B8
33.3%	33.3% #71B1B6	RGB 113 177 182	#71B1B6
50.0%	50.0% #82BEB4	RGB 130 190 180	#82BEB4
66.7%	66.7% #93CAB2	RGB 147 202 178	#93CAB2
83.3%	83.3% #A4D6B0	RGB 164 214 176	#A4D6B0
100.0%	100.0% #B5E3AF	RGB 181 227 175	#B5E3AF

#4F99BA #60A5B8 #71B1B6 #82BEB4 #93CAB2 #A4D6B0 #B5E3AF

#4F99BA - #B5E3AF

HSV Blend

#4F99BA - #B5E3AF | 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 #4F99BA as 0% and #B5E3AF as 100%.

0.0%	0.0% #4F99BA	RGB 79 153 186	#4F99BA
16.7%	16.7% #5DB9C0	RGB 93 185 192	#5DB9C0
33.3%	33.3% #6BC7B8	RGB 107 199 184	#6BC7B8
50.0%	50.0% #7BCEAC	RGB 123 206 172	#7BCEAC
66.7%	66.7% #8BD5A6	RGB 139 213 166	#8BD5A6
83.3%	83.3% #9DDCA4	RGB 157 220 164	#9DDCA4
100.0%	100.0% #B5E3AF	RGB 181 227 175	#B5E3AF

#4F99BA #5DB9C0 #6BC7B8 #7BCEAC #8BD5A6 #9DDCA4 #B5E3AF

#4F99BA - #7BCEAC - #B5E3AF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4F99BA 0%, #7BCEAC 50%, #B5E3AF 100%);
    background: -webkit-linear-gradient(top, #4F99BA 0%, #7BCEAC 50%, #B5E3AF 100%);
    background: linear-gradient(to bottom, #4F99BA 0%, #7BCEAC 50%, #B5E3AF 100%);
}
</style>