#009FAF - #ADFDBB | 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 #009FAF to #ADFDBB

#009FAF #ADFDBB

Calculate the color between two colors, #009FAF and #ADFDBB. 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)

#009FAF - #ADFDBB | 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 #009FAF as 0% and #ADFDBB as 100%.

0.0%	0.0% #009FAF	RGB 0 159 175	#009FAF
16.7%	16.7% #1CAEB1	RGB 28 174 177	#1CAEB1
33.3%	33.3% #39BEB3	RGB 57 190 179	#39BEB3
50.0%	50.0% #56CEB5	RGB 86 206 181	#56CEB5
66.7%	66.7% #73DDB7	RGB 115 221 183	#73DDB7
83.3%	83.3% #90EDB9	RGB 144 237 185	#90EDB9
100.0%	100.0% #ADFDBB	RGB 173 253 187	#ADFDBB

#009FAF #1CAEB1 #39BEB3 #56CEB5 #73DDB7 #90EDB9 #ADFDBB

#009FAF - #ADFDBB

HSV Blend

#009FAF - #ADFDBB | 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 #009FAF as 0% and #ADFDBB as 100%.

0.0%	0.0% #009EAF	RGB 0 158 175	#009EAF
16.7%	16.7% #15BCB1	RGB 21 188 177	#15BCB1
33.3%	33.3% #2DC9A7	RGB 45 201 167	#2DC9A7
50.0%	50.0% #49D6A2	RGB 73 214 162	#49D6A2
66.7%	66.7% #67E3A2	RGB 103 227 162	#67E3A2
83.3%	83.3% #88F0AA	RGB 136 240 170	#88F0AA
100.0%	100.0% #ADFDBB	RGB 173 253 187	#ADFDBB

#009EAF #15BCB1 #2DC9A7 #49D6A2 #67E3A2 #88F0AA #ADFDBB

#009FAF - #49D6A2 - #ADFDBB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #009EAF 0%, #49D6A2 50%, #ADFDBB 100%);
    background: -webkit-linear-gradient(top, #009EAF 0%, #49D6A2 50%, #ADFDBB 100%);
    background: linear-gradient(to bottom, #009EAF 0%, #49D6A2 50%, #ADFDBB 100%);
}
</style>