#00A28F - #006E4D | 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 #00A28F to #006E4D

#00A28F #006E4D

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

#00A28F - #006E4D | 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 #00A28F as 0% and #006E4D as 100%.

0.0%	0.0% #00A28F	RGB 0 162 143	#00A28F
16.7%	16.7% #009984	RGB 0 153 132	#009984
33.3%	33.3% #009079	RGB 0 144 121	#009079
50.0%	50.0% #00886E	RGB 0 136 110	#00886E
66.7%	66.7% #007F63	RGB 0 127 99	#007F63
83.3%	83.3% #007658	RGB 0 118 88	#007658
100.0%	100.0% #006E4D	RGB 0 110 77	#006E4D

#00A28F #009984 #009079 #00886E #007F63 #007658 #006E4D

#00A28F - #006E4D

HSV Blend

#00A28F - #006E4D | 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 #00A28F as 0% and #006E4D as 100%.

0.0%	0.0% #00A28F	RGB 0 162 143	#00A28F
16.7%	16.7% #009982	RGB 0 153 130	#009982
33.3%	33.3% #009076	RGB 0 144 118	#009076
50.0%	50.0% #00886B	RGB 0 136 107	#00886B
66.7%	66.7% #007F60	RGB 0 127 96	#007F60
83.3%	83.3% #007656	RGB 0 118 86	#007656
100.0%	100.0% #006E4D	RGB 0 110 77	#006E4D

#00A28F #009982 #009076 #00886B #007F60 #007656 #006E4D

#00A28F - #00886B - #006E4D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A28F 0%, #00886B 50%, #006E4D 100%);
    background: -webkit-linear-gradient(top, #00A28F 0%, #00886B 50%, #006E4D 100%);
    background: linear-gradient(to bottom, #00A28F 0%, #00886B 50%, #006E4D 100%);
}
</style>