#0016AF - #ADFDF9 | 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 #0016AF to #ADFDF9

#0016AF #ADFDF9

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

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

0.0%	0.0% #0016AF	RGB 0 22 175	#0016AF
16.7%	16.7% #1C3CBB	RGB 28 60 187	#1C3CBB
33.3%	33.3% #3963C7	RGB 57 99 199	#3963C7
50.0%	50.0% #5689D4	RGB 86 137 212	#5689D4
66.7%	66.7% #73B0E0	RGB 115 176 224	#73B0E0
83.3%	83.3% #90D6EC	RGB 144 214 236	#90D6EC
100.0%	100.0% #ADFDF9	RGB 173 253 249	#ADFDF9

#0016AF #1C3CBB #3963C7 #5689D4 #73B0E0 #90D6EC #ADFDF9

#0016AF - #ADFDF9

HSV Blend

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

0.0%	0.0% #0016AF	RGB 0 22 175	#0016AF
16.7%	16.7% #1544BC	RGB 21 68 188	#1544BC
33.3%	33.3% #2D71C9	RGB 45 113 201	#2D71C9
50.0%	50.0% #499BD6	RGB 73 155 214	#499BD6
66.7%	66.7% #67C3E3	RGB 103 195 227	#67C3E3
83.3%	83.3% #88E5F0	RGB 136 229 240	#88E5F0
100.0%	100.0% #ADFDF9	RGB 173 253 249	#ADFDF9

#0016AF #1544BC #2D71C9 #499BD6 #67C3E3 #88E5F0 #ADFDF9

#0016AF - #499BD6 - #ADFDF9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0016AF 0%, #499BD6 50%, #ADFDF9 100%);
    background: -webkit-linear-gradient(top, #0016AF 0%, #499BD6 50%, #ADFDF9 100%);
    background: linear-gradient(to bottom, #0016AF 0%, #499BD6 50%, #ADFDF9 100%);
}
</style>