#4F73D3 - #B5E9BE | 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 #4F73D3 to #B5E9BE

#4F73D3 #B5E9BE

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

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

0.0%	0.0% #4F73D3	RGB 79 115 211	#4F73D3
16.7%	16.7% #6086CF	RGB 96 134 207	#6086CF
33.3%	33.3% #719ACC	RGB 113 154 204	#719ACC
50.0%	50.0% #82AEC8	RGB 130 174 200	#82AEC8
66.7%	66.7% #93C1C5	RGB 147 193 197	#93C1C5
83.3%	83.3% #A4D5C1	RGB 164 213 193	#A4D5C1
100.0%	100.0% #B5E9BE	RGB 181 233 190	#B5E9BE

#4F73D3 #6086CF #719ACC #82AEC8 #93C1C5 #A4D5C1 #B5E9BE

#4F73D3 - #B5E9BE

HSV Blend

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

0.0%	0.0% #4F73D3	RGB 79 115 211	#4F73D3
16.7%	16.7% #5E9ED6	RGB 94 158 214	#5E9ED6
33.3%	33.3% #6FC3DA	RGB 111 195 218	#6FC3DA
50.0%	50.0% #7FDED9	RGB 127 222 217	#7FDED9
66.7%	66.7% #91E1C8	RGB 145 225 200	#91E1C8
83.3%	83.3% #A2E5BF	RGB 162 229 191	#A2E5BF
100.0%	100.0% #B5E9BE	RGB 181 233 190	#B5E9BE

#4F73D3 #5E9ED6 #6FC3DA #7FDED9 #91E1C8 #A2E5BF #B5E9BE

#4F73D3 - #7FDED9 - #B5E9BE

CSS codes

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

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