#004BAF - #ADFDE1 | 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 #004BAF to #ADFDE1

#004BAF #ADFDE1

Calculate the color between two colors, #004BAF and #ADFDE1. 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)

#004BAF - #ADFDE1 | 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 #004BAF as 0% and #ADFDE1 as 100%.

0.0%	0.0% #004BAF	RGB 0 75 175	#004BAF
16.7%	16.7% #1C68B7	RGB 28 104 183	#1C68B7
33.3%	33.3% #3986BF	RGB 57 134 191	#3986BF
50.0%	50.0% #56A4C8	RGB 86 164 200	#56A4C8
66.7%	66.7% #73C1D0	RGB 115 193 208	#73C1D0
83.3%	83.3% #90DFD8	RGB 144 223 216	#90DFD8
100.0%	100.0% #ADFDE1	RGB 173 253 225	#ADFDE1

#004BAF #1C68B7 #3986BF #56A4C8 #73C1D0 #90DFD8 #ADFDE1

#004BAF - #ADFDE1

HSV Blend

#004BAF - #ADFDE1 | 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 #004BAF as 0% and #ADFDE1 as 100%.

0.0%	0.0% #004BAF	RGB 0 75 175	#004BAF
16.7%	16.7% #1576BC	RGB 21 118 188	#1576BC
33.3%	33.3% #2D9FC9	RGB 45 159 201	#2D9FC9
50.0%	50.0% #49C6D6	RGB 73 198 214	#49C6D6
66.7%	66.7% #67E3DD	RGB 103 227 221	#67E3DD
83.3%	83.3% #88F0DB	RGB 136 240 219	#88F0DB
100.0%	100.0% #ADFDE1	RGB 173 253 225	#ADFDE1

#004BAF #1576BC #2D9FC9 #49C6D6 #67E3DD #88F0DB #ADFDE1

#004BAF - #49C6D6 - #ADFDE1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #004BAF 0%, #49C6D6 50%, #ADFDE1 100%);
    background: -webkit-linear-gradient(top, #004BAF 0%, #49C6D6 50%, #ADFDE1 100%);
    background: linear-gradient(to bottom, #004BAF 0%, #49C6D6 50%, #ADFDE1 100%);
}
</style>