#0083AD - #006F7B | 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 #0083AD to #006F7B

#0083AD #006F7B

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

#0083AD - #006F7B | 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 #0083AD as 0% and #006F7B as 100%.

0.0%	0.0% #0083AD	RGB 0 131 173	#0083AD
16.7%	16.7% #007FA4	RGB 0 127 164	#007FA4
33.3%	33.3% #007C9C	RGB 0 124 156	#007C9C
50.0%	50.0% #007994	RGB 0 121 148	#007994
66.7%	66.7% #00758B	RGB 0 117 139	#00758B
83.3%	83.3% #007283	RGB 0 114 131	#007283
100.0%	100.0% #006F7B	RGB 0 111 123	#006F7B

#0083AD #007FA4 #007C9C #007994 #00758B #007283 #006F7B

#0083AD - #006F7B

HSV Blend

#0083AD - #006F7B | 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 #0083AD as 0% and #006F7B as 100%.

0.0%	0.0% #0082AD	RGB 0 130 173	#0082AD
16.7%	16.7% #0080A4	RGB 0 128 164	#0080A4
33.3%	33.3% #007D9C	RGB 0 125 156	#007D9C
50.0%	50.0% #007A94	RGB 0 122 148	#007A94
66.7%	66.7% #00778B	RGB 0 119 139	#00778B
83.3%	83.3% #007383	RGB 0 115 131	#007383
100.0%	100.0% #006F7B	RGB 0 111 123	#006F7B

#0082AD #0080A4 #007D9C #007A94 #00778B #007383 #006F7B

#0083AD - #007A94 - #006F7B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0082AD 0%, #007A94 50%, #006F7B 100%);
    background: -webkit-linear-gradient(top, #0082AD 0%, #007A94 50%, #006F7B 100%);
    background: linear-gradient(to bottom, #0082AD 0%, #007A94 50%, #006F7B 100%);
}
</style>