#0052B5 - #B1FFDB | 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 #0052B5 to #B1FFDB

#0052B5 #B1FFDB

Calculate the color between two colors, #0052B5 and #B1FFDB. 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)

#0052B5 - #B1FFDB | 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 #0052B5 as 0% and #B1FFDB as 100%.

0.0%	0.0% #0052B5	RGB 0 82 181	#0052B5
16.7%	16.7% #1D6EBB	RGB 29 110 187	#1D6EBB
33.3%	33.3% #3B8BC1	RGB 59 139 193	#3B8BC1
50.0%	50.0% #58A8C8	RGB 88 168 200	#58A8C8
66.7%	66.7% #76C5CE	RGB 118 197 206	#76C5CE
83.3%	83.3% #93E2D4	RGB 147 226 212	#93E2D4
100.0%	100.0% #B1FFDB	RGB 177 255 219	#B1FFDB

#0052B5 #1D6EBB #3B8BC1 #58A8C8 #76C5CE #93E2D4 #B1FFDB

#0052B5 - #B1FFDB

HSV Blend

#0052B5 - #B1FFDB | 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 #0052B5 as 0% and #B1FFDB as 100%.

0.0%	0.0% #0051B5	RGB 0 81 181	#0051B5
16.7%	16.7% #1680C1	RGB 22 128 193	#1680C1
33.3%	33.3% #2FACCD	RGB 47 172 205	#2FACCD
50.0%	50.0% #4BD3DA	RGB 75 211 218	#4BD3DA
66.7%	66.7% #6AE6D6	RGB 106 230 214	#6AE6D6
83.3%	83.3% #8CF2D4	RGB 140 242 212	#8CF2D4
100.0%	100.0% #B1FFDB	RGB 177 255 219	#B1FFDB

#0051B5 #1680C1 #2FACCD #4BD3DA #6AE6D6 #8CF2D4 #B1FFDB

#0052B5 - #4BD3DA - #B1FFDB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0051B5 0%, #4BD3DA 50%, #B1FFDB 100%);
    background: -webkit-linear-gradient(top, #0051B5 0%, #4BD3DA 50%, #B1FFDB 100%);
    background: linear-gradient(to bottom, #0051B5 0%, #4BD3DA 50%, #B1FFDB 100%);
}
</style>