#0069AF - #ADFDD2 | 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 #0069AF to #ADFDD2

#0069AF #ADFDD2

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

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

0.0%	0.0% #0069AF	RGB 0 105 175	#0069AF
16.7%	16.7% #1C81B4	RGB 28 129 180	#1C81B4
33.3%	33.3% #399ABA	RGB 57 154 186	#399ABA
50.0%	50.0% #56B3C0	RGB 86 179 192	#56B3C0
66.7%	66.7% #73CBC6	RGB 115 203 198	#73CBC6
83.3%	83.3% #90E4CC	RGB 144 228 204	#90E4CC
100.0%	100.0% #ADFDD2	RGB 173 253 210	#ADFDD2

#0069AF #1C81B4 #399ABA #56B3C0 #73CBC6 #90E4CC #ADFDD2

#0069AF - #ADFDD2

HSV Blend

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

0.0%	0.0% #0069AF	RGB 0 105 175	#0069AF
16.7%	16.7% #1593BC	RGB 21 147 188	#1593BC
33.3%	33.3% #2DBBC9	RGB 45 187 201	#2DBBC9
50.0%	50.0% #49D6CC	RGB 73 214 204	#49D6CC
66.7%	66.7% #67E3C7	RGB 103 227 199	#67E3C7
83.3%	83.3% #88F0C8	RGB 136 240 200	#88F0C8
100.0%	100.0% #ADFDD2	RGB 173 253 210	#ADFDD2

#0069AF #1593BC #2DBBC9 #49D6CC #67E3C7 #88F0C8 #ADFDD2

#0069AF - #49D6CC - #ADFDD2

CSS codes

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

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