#006BAF - #A8FFC0 | 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 #006BAF to #A8FFC0

#006BAF #A8FFC0

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

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

0.0%	0.0% #006BAF	RGB 0 107 175	#006BAF
16.7%	16.7% #1C83B1	RGB 28 131 177	#1C83B1
33.3%	33.3% #389CB4	RGB 56 156 180	#389CB4
50.0%	50.0% #54B5B7	RGB 84 181 183	#54B5B7
66.7%	66.7% #70CDBA	RGB 112 205 186	#70CDBA
83.3%	83.3% #8CE6BD	RGB 140 230 189	#8CE6BD
100.0%	100.0% #A8FFC0	RGB 168 255 192	#A8FFC0

#006BAF #1C83B1 #389CB4 #54B5B7 #70CDBA #8CE6BD #A8FFC0

#006BAF - #A8FFC0

HSV Blend

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

0.0%	0.0% #006BAF	RGB 0 107 175	#006BAF
16.7%	16.7% #149ABC	RGB 20 154 188	#149ABC
33.3%	33.3% #2CC6C9	RGB 44 198 201	#2CC6C9
50.0%	50.0% #46D7BE	RGB 70 215 190	#46D7BE
66.7%	66.7% #64E4B7	RGB 100 228 183	#64E4B7
83.3%	83.3% #84F1B6	RGB 132 241 182	#84F1B6
100.0%	100.0% #A8FFC0	RGB 168 255 192	#A8FFC0

#006BAF #149ABC #2CC6C9 #46D7BE #64E4B7 #84F1B6 #A8FFC0

#006BAF - #46D7BE - #A8FFC0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #006BAF 0%, #46D7BE 50%, #A8FFC0 100%);
    background: -webkit-linear-gradient(top, #006BAF 0%, #46D7BE 50%, #A8FFC0 100%);
    background: linear-gradient(to bottom, #006BAF 0%, #46D7BE 50%, #A8FFC0 100%);
}
</style>