#00A895 - #007454 | 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 #00A895 to #007454

#00A895 #007454

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

#00A895 - #007454 | 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 #00A895 as 0% and #007454 as 100%.

0.0%	0.0% #00A895	RGB 0 168 149	#00A895
16.7%	16.7% #009F8A	RGB 0 159 138	#009F8A
33.3%	33.3% #00967F	RGB 0 150 127	#00967F
50.0%	50.0% #008E74	RGB 0 142 116	#008E74
66.7%	66.7% #008569	RGB 0 133 105	#008569
83.3%	83.3% #007C5E	RGB 0 124 94	#007C5E
100.0%	100.0% #007454	RGB 0 116 84	#007454

#00A895 #009F8A #00967F #008E74 #008569 #007C5E #007454

#00A895 - #007454

HSV Blend

#00A895 - #007454 | 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 #00A895 as 0% and #007454 as 100%.

0.0%	0.0% #00A895	RGB 0 168 149	#00A895
16.7%	16.7% #009F88	RGB 0 159 136	#009F88
33.3%	33.3% #00967D	RGB 0 150 125	#00967D
50.0%	50.0% #008E72	RGB 0 142 114	#008E72
66.7%	66.7% #008567	RGB 0 133 103	#008567
83.3%	83.3% #007C5D	RGB 0 124 93	#007C5D
100.0%	100.0% #007454	RGB 0 116 84	#007454

#00A895 #009F88 #00967D #008E72 #008567 #007C5D #007454

#00A895 - #008E72 - #007454

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A895 0%, #008E72 50%, #007454 100%);
    background: -webkit-linear-gradient(top, #00A895 0%, #008E72 50%, #007454 100%);
    background: linear-gradient(to bottom, #00A895 0%, #008E72 50%, #007454 100%);
}
</style>