#0048B6 - #ADFEE5 | 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 #0048B6 to #ADFEE5

#0048B6 #ADFEE5

Calculate the color between two colors, #0048B6 and #ADFEE5. 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)

#0048B6 - #ADFEE5 | 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 #0048B6 as 0% and #ADFEE5 as 100%.

0.0%	0.0% #0048B6	RGB 0 72 182	#0048B6
16.7%	16.7% #1C66BD	RGB 28 102 189	#1C66BD
33.3%	33.3% #3984C5	RGB 57 132 197	#3984C5
50.0%	50.0% #56A3CD	RGB 86 163 205	#56A3CD
66.7%	66.7% #73C1D5	RGB 115 193 213	#73C1D5
83.3%	83.3% #90DFDD	RGB 144 223 221	#90DFDD
100.0%	100.0% #ADFEE5	RGB 173 254 229	#ADFEE5

#0048B6 #1C66BD #3984C5 #56A3CD #73C1D5 #90DFDD #ADFEE5

#0048B6 - #ADFEE5

HSV Blend

#0048B6 - #ADFEE5 | 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 #0048B6 as 0% and #ADFEE5 as 100%.

0.0%	0.0% #0047B6	RGB 0 71 182	#0047B6
16.7%	16.7% #1674C2	RGB 22 116 194	#1674C2
33.3%	33.3% #2E9ECE	RGB 46 158 206	#2E9ECE
50.0%	50.0% #4AC4DA	RGB 74 196 218	#4AC4DA
66.7%	66.7% #68E6E5	RGB 104 230 229	#68E6E5
83.3%	83.3% #89F2E1	RGB 137 242 225	#89F2E1
100.0%	100.0% #ADFEE5	RGB 173 254 229	#ADFEE5

#0047B6 #1674C2 #2E9ECE #4AC4DA #68E6E5 #89F2E1 #ADFEE5

#0048B6 - #4AC4DA - #ADFEE5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0047B6 0%, #4AC4DA 50%, #ADFEE5 100%);
    background: -webkit-linear-gradient(top, #0047B6 0%, #4AC4DA 50%, #ADFEE5 100%);
    background: linear-gradient(to bottom, #0047B6 0%, #4AC4DA 50%, #ADFEE5 100%);
}
</style>