#00A78B - #B8FDA5 | 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 #00A78B to #B8FDA5

#00A78B #B8FDA5

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

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

0.0%	0.0% #00A78B	RGB 0 167 139	#00A78B
16.7%	16.7% #1EB58F	RGB 30 181 143	#1EB58F
33.3%	33.3% #3DC393	RGB 61 195 147	#3DC393
50.0%	50.0% #5CD298	RGB 92 210 152	#5CD298
66.7%	66.7% #7AE09C	RGB 122 224 156	#7AE09C
83.3%	83.3% #99EEA0	RGB 153 238 160	#99EEA0
100.0%	100.0% #B8FDA5	RGB 184 253 165	#B8FDA5

#00A78B #1EB58F #3DC393 #5CD298 #7AE09C #99EEA0 #B8FDA5

#00A78B - #B8FDA5

HSV Blend

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

0.0%	0.0% #00A78A	RGB 0 167 138	#00A78A
16.7%	16.7% #13B57D	RGB 19 181 125	#13B57D
33.3%	33.3% #2AC374	RGB 42 195 116	#2AC374
50.0%	50.0% #44D270	RGB 68 210 112	#44D270
66.7%	66.7% #61E072	RGB 97 224 114	#61E072
83.3%	83.3% #86EE81	RGB 134 238 129	#86EE81
100.0%	100.0% #B8FDA5	RGB 184 253 165	#B8FDA5

#00A78A #13B57D #2AC374 #44D270 #61E072 #86EE81 #B8FDA5

#00A78B - #44D270 - #B8FDA5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A78A 0%, #44D270 50%, #B8FDA5 100%);
    background: -webkit-linear-gradient(top, #00A78A 0%, #44D270 50%, #B8FDA5 100%);
    background: linear-gradient(to bottom, #00A78A 0%, #44D270 50%, #B8FDA5 100%);
}
</style>