#7E988A - #A8DFFE | 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 #7E988A to #A8DFFE

#7E988A #A8DFFE

Calculate the color between two colors, #7E988A and #A8DFFE. 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)

#7E988A - #A8DFFE | 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 #7E988A as 0% and #A8DFFE as 100%.

0.0%	0.0% #7E988A	RGB 126 152 138	#7E988A
16.7%	16.7% #85A39D	RGB 133 163 157	#85A39D
33.3%	33.3% #8CAFB0	RGB 140 175 176	#8CAFB0
50.0%	50.0% #93BBC4	RGB 147 187 196	#93BBC4
66.7%	66.7% #9AC7D7	RGB 154 199 215	#9AC7D7
83.3%	83.3% #A1D3EA	RGB 161 211 234	#A1D3EA
100.0%	100.0% #A8DFFE	RGB 168 223 254	#A8DFFE

#7E988A #85A39D #8CAFB0 #93BBC4 #9AC7D7 #A1D3EA #A8DFFE

#7E988A - #A8DFFE

HSV Blend

#7E988A - #A8DFFE | 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 #7E988A as 0% and #A8DFFE as 100%.

0.0%	0.0% #7E988A	RGB 126 152 138	#7E988A
16.7%	16.7% #87A99B	RGB 135 169 155	#87A99B
33.3%	33.3% #8FBAAF	RGB 143 186 175	#8FBAAF
50.0%	50.0% #97CBC6	RGB 151 203 198	#97CBC6
66.7%	66.7% #9DD8DC	RGB 157 216 220	#9DD8DC
83.3%	83.3% #A3DDED	RGB 163 221 237	#A3DDED
100.0%	100.0% #A8DFFE	RGB 168 223 254	#A8DFFE

#7E988A #87A99B #8FBAAF #97CBC6 #9DD8DC #A3DDED #A8DFFE

#7E988A - #97CBC6 - #A8DFFE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E988A 0%, #97CBC6 50%, #A8DFFE 100%);
    background: -webkit-linear-gradient(top, #7E988A 0%, #97CBC6 50%, #A8DFFE 100%);
    background: linear-gradient(to bottom, #7E988A 0%, #97CBC6 50%, #A8DFFE 100%);
}
</style>