#EAF2EC - #97BFC0 | 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 #EAF2EC to #97BFC0

#EAF2EC #97BFC0

Calculate the color between two colors, #EAF2EC and #97BFC0. 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)

#EAF2EC - #97BFC0 | 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 #EAF2EC as 0% and #97BFC0 as 100%.

0.0%	0.0% #EAF2EC	RGB 234 242 236	#EAF2EC
16.7%	16.7% #DCE9E4	RGB 220 233 228	#DCE9E4
33.3%	33.3% #CEE1DD	RGB 206 225 221	#CEE1DD
50.0%	50.0% #C0D8D6	RGB 192 216 214	#C0D8D6
66.7%	66.7% #B2D0CE	RGB 178 208 206	#B2D0CE
83.3%	83.3% #A4C7C7	RGB 164 199 199	#A4C7C7
100.0%	100.0% #97BFC0	RGB 151 191 192	#97BFC0

#EAF2EC #DCE9E4 #CEE1DD #C0D8D6 #B2D0CE #A4C7C7 #97BFC0

#EAF2EC - #97BFC0

HSV Blend

#EAF2EC - #97BFC0 | 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 #EAF2EC as 0% and #97BFC0 as 100%.

0.0%	0.0% #EAF2EC	RGB 234 242 236	#EAF2EC
16.7%	16.7% #DAE9E0	RGB 218 233 224	#DAE9E0
33.3%	33.3% #CCE1D7	RGB 204 225 215	#CCE1D7
50.0%	50.0% #BED9CF	RGB 190 217 207	#BED9CF
66.7%	66.7% #B0D0C9	RGB 176 208 201	#B0D0C9
83.3%	83.3% #A3C8C4	RGB 163 200 196	#A3C8C4
100.0%	100.0% #97BFC0	RGB 151 191 192	#97BFC0

#EAF2EC #DAE9E0 #CCE1D7 #BED9CF #B0D0C9 #A3C8C4 #97BFC0

#EAF2EC - #BED9CF - #97BFC0

CSS codes

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

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