#2BAAA7 - #007968 | 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 #2BAAA7 to #007968

#2BAAA7 #007968

Calculate the color between two colors, #2BAAA7 and #007968. 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)

#2BAAA7 - #007968 | 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 #2BAAA7 as 0% and #007968 as 100%.

0.0%	0.0% #2BAAA7	RGB 43 170 167	#2BAAA7
16.7%	16.7% #23A19C	RGB 35 161 156	#23A19C
33.3%	33.3% #1C9992	RGB 28 153 146	#1C9992
50.0%	50.0% #159187	RGB 21 145 135	#159187
66.7%	66.7% #0E897D	RGB 14 137 125	#0E897D
83.3%	83.3% #078172	RGB 7 129 114	#078172
100.0%	100.0% #007968	RGB 0 121 104	#007968

#2BAAA7 #23A19C #1C9992 #159187 #0E897D #078172 #007968

#2BAAA7 - #007968

HSV Blend

#2BAAA7 - #007968 | 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 #2BAAA7 as 0% and #007968 as 100%.

0.0%	0.0% #2BAAA7	RGB 43 170 167	#2BAAA7
16.7%	16.7% #22A19C	RGB 34 161 156	#22A19C
33.3%	33.3% #199991	RGB 25 153 145	#199991
50.0%	50.0% #129187	RGB 18 145 135	#129187
66.7%	66.7% #0B897C	RGB 11 137 124	#0B897C
83.3%	83.3% #058172	RGB 5 129 114	#058172
100.0%	100.0% #007968	RGB 0 121 104	#007968

#2BAAA7 #22A19C #199991 #129187 #0B897C #058172 #007968

#2BAAA7 - #129187 - #007968

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2BAAA7 0%, #129187 50%, #007968 100%);
    background: -webkit-linear-gradient(top, #2BAAA7 0%, #129187 50%, #007968 100%);
    background: linear-gradient(to bottom, #2BAAA7 0%, #129187 50%, #007968 100%);
}
</style>