#007FAF - #ADFDC9 | 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 #007FAF to #ADFDC9

#007FAF #ADFDC9

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

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

0.0%	0.0% #007FAF	RGB 0 127 175	#007FAF
16.7%	16.7% #1C94B3	RGB 28 148 179	#1C94B3
33.3%	33.3% #39A9B7	RGB 57 169 183	#39A9B7
50.0%	50.0% #56BEBC	RGB 86 190 188	#56BEBC
66.7%	66.7% #73D3C0	RGB 115 211 192	#73D3C0
83.3%	83.3% #90E8C4	RGB 144 232 196	#90E8C4
100.0%	100.0% #ADFDC9	RGB 173 253 201	#ADFDC9

#007FAF #1C94B3 #39A9B7 #56BEBC #73D3C0 #90E8C4 #ADFDC9

#007FAF - #ADFDC9

HSV Blend

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

0.0%	0.0% #007FAF	RGB 0 127 175	#007FAF
16.7%	16.7% #15A7BC	RGB 21 167 188	#15A7BC
33.3%	33.3% #2DC9C3	RGB 45 201 195	#2DC9C3
50.0%	50.0% #49D6BB	RGB 73 214 187	#49D6BB
66.7%	66.7% #67E3B8	RGB 103 227 184	#67E3B8
83.3%	83.3% #88F0BC	RGB 136 240 188	#88F0BC
100.0%	100.0% #ADFDC9	RGB 173 253 201	#ADFDC9

#007FAF #15A7BC #2DC9C3 #49D6BB #67E3B8 #88F0BC #ADFDC9

#007FAF - #49D6BB - #ADFDC9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #007FAF 0%, #49D6BB 50%, #ADFDC9 100%);
    background: -webkit-linear-gradient(top, #007FAF 0%, #49D6BB 50%, #ADFDC9 100%);
    background: linear-gradient(to bottom, #007FAF 0%, #49D6BB 50%, #ADFDC9 100%);
}
</style>