#0036AF - #ADFDEB | 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 #0036AF to #ADFDEB

#0036AF #ADFDEB

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

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

0.0%	0.0% #0036AF	RGB 0 54 175	#0036AF
16.7%	16.7% #1C57B9	RGB 28 87 185	#1C57B9
33.3%	33.3% #3978C3	RGB 57 120 195	#3978C3
50.0%	50.0% #5699CD	RGB 86 153 205	#5699CD
66.7%	66.7% #73BAD7	RGB 115 186 215	#73BAD7
83.3%	83.3% #90DBE1	RGB 144 219 225	#90DBE1
100.0%	100.0% #ADFDEB	RGB 173 253 235	#ADFDEB

#0036AF #1C57B9 #3978C3 #5699CD #73BAD7 #90DBE1 #ADFDEB

#0036AF - #ADFDEB

HSV Blend

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

0.0%	0.0% #0036AF	RGB 0 54 175	#0036AF
16.7%	16.7% #1562BC	RGB 21 98 188	#1562BC
33.3%	33.3% #2D8DC9	RGB 45 141 201	#2D8DC9
50.0%	50.0% #49B5D6	RGB 73 181 214	#49B5D6
66.7%	66.7% #67D9E3	RGB 103 217 227	#67D9E3
83.3%	83.3% #88F0E8	RGB 136 240 232	#88F0E8
100.0%	100.0% #ADFDEB	RGB 173 253 235	#ADFDEB

#0036AF #1562BC #2D8DC9 #49B5D6 #67D9E3 #88F0E8 #ADFDEB

#0036AF - #49B5D6 - #ADFDEB

CSS codes

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

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