#0037AF - #ADFDE9 | 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 #0037AF to #ADFDE9

#0037AF #ADFDE9

Calculate the color between two colors, #0037AF and #ADFDE9. 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)

#0037AF - #ADFDE9 | 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 #0037AF as 0% and #ADFDE9 as 100%.

0.0%	0.0% #0037AF	RGB 0 55 175	#0037AF
16.7%	16.7% #1C58B8	RGB 28 88 184	#1C58B8
33.3%	33.3% #3979C2	RGB 57 121 194	#3979C2
50.0%	50.0% #569ACC	RGB 86 154 204	#569ACC
66.7%	66.7% #73BBD5	RGB 115 187 213	#73BBD5
83.3%	83.3% #90DCDF	RGB 144 220 223	#90DCDF
100.0%	100.0% #ADFDE9	RGB 173 253 233	#ADFDE9

#0037AF #1C58B8 #3979C2 #569ACC #73BBD5 #90DCDF #ADFDE9

#0037AF - #ADFDE9

HSV Blend

#0037AF - #ADFDE9 | 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 #0037AF as 0% and #ADFDE9 as 100%.

0.0%	0.0% #0037AF	RGB 0 55 175	#0037AF
16.7%	16.7% #1563BC	RGB 21 99 188	#1563BC
33.3%	33.3% #2D8EC9	RGB 45 142 201	#2D8EC9
50.0%	50.0% #49B7D6	RGB 73 183 214	#49B7D6
66.7%	66.7% #67DBE3	RGB 103 219 227	#67DBE3
83.3%	83.3% #88F0E6	RGB 136 240 230	#88F0E6
100.0%	100.0% #ADFDE9	RGB 173 253 233	#ADFDE9

#0037AF #1563BC #2D8EC9 #49B7D6 #67DBE3 #88F0E6 #ADFDE9

#0037AF - #49B7D6 - #ADFDE9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0037AF 0%, #49B7D6 50%, #ADFDE9 100%);
    background: -webkit-linear-gradient(top, #0037AF 0%, #49B7D6 50%, #ADFDE9 100%);
    background: linear-gradient(to bottom, #0037AF 0%, #49B7D6 50%, #ADFDE9 100%);
}
</style>