#94AD95 - #B5FFDB | 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 #94AD95 to #B5FFDB

#94AD95 #B5FFDB

Calculate the color between two colors, #94AD95 and #B5FFDB. 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)

#94AD95 - #B5FFDB | 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 #94AD95 as 0% and #B5FFDB as 100%.

0.0%	0.0% #94AD95	RGB 148 173 149	#94AD95
16.7%	16.7% #99BAA0	RGB 153 186 160	#99BAA0
33.3%	33.3% #9FC8AC	RGB 159 200 172	#9FC8AC
50.0%	50.0% #A4D6B8	RGB 164 214 184	#A4D6B8
66.7%	66.7% #AAE3C3	RGB 170 227 195	#AAE3C3
83.3%	83.3% #AFF1CF	RGB 175 241 207	#AFF1CF
100.0%	100.0% #B5FFDB	RGB 181 255 219	#B5FFDB

#94AD95 #99BAA0 #9FC8AC #A4D6B8 #AAE3C3 #AFF1CF #B5FFDB

#94AD95 - #B5FFDB

HSV Blend

#94AD95 - #B5FFDB | 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 #94AD95 as 0% and #B5FFDB as 100%.

0.0%	0.0% #94AD95	RGB 148 173 149	#94AD95
16.7%	16.7% #9BBA9E	RGB 155 186 158	#9BBA9E
33.3%	33.3% #A1C8A9	RGB 161 200 169	#A1C8A9
50.0%	50.0% #A7D6B4	RGB 167 214 180	#A7D6B4
66.7%	66.7% #ACE3C0	RGB 172 227 192	#ACE3C0
83.3%	83.3% #B1F1CD	RGB 177 241 205	#B1F1CD
100.0%	100.0% #B5FFDB	RGB 181 255 219	#B5FFDB

#94AD95 #9BBA9E #A1C8A9 #A7D6B4 #ACE3C0 #B1F1CD #B5FFDB

#94AD95 - #A7D6B4 - #B5FFDB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #94AD95 0%, #A7D6B4 50%, #B5FFDB 100%);
    background: -webkit-linear-gradient(top, #94AD95 0%, #A7D6B4 50%, #B5FFDB 100%);
    background: linear-gradient(to bottom, #94AD95 0%, #A7D6B4 50%, #B5FFDB 100%);
}
</style>