#9EFFEB - #EBE4C7 | 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 #9EFFEB to #EBE4C7

#9EFFEB #EBE4C7

Calculate the color between two colors, #9EFFEB and #EBE4C7. 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)

#9EFFEB - #EBE4C7 | 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 #9EFFEB as 0% and #EBE4C7 as 100%.

0.0%	0.0% #9EFFEB	RGB 158 255 235	#9EFFEB
16.7%	16.7% #AAFAE5	RGB 170 250 229	#AAFAE5
33.3%	33.3% #B7F6DF	RGB 183 246 223	#B7F6DF
50.0%	50.0% #C4F1D9	RGB 196 241 217	#C4F1D9
66.7%	66.7% #D1EDD3	RGB 209 237 211	#D1EDD3
83.3%	83.3% #DEE8CD	RGB 222 232 205	#DEE8CD
100.0%	100.0% #EBE4C7	RGB 235 228 199	#EBE4C7

#9EFFEB #AAFAE5 #B7F6DF #C4F1D9 #D1EDD3 #DEE8CD #EBE4C7

#9EFFEB - #EBE4C7

HSV Blend

#9EFFEB - #EBE4C7 | 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 #9EFFEB as 0% and #EBE4C7 as 100%.

0.0%	0.0% #9EFFEB	RGB 158 255 235	#9EFFEB
16.7%	16.7% #A5FBCD	RGB 165 251 205	#A5FBCD
33.3%	33.3% #ACF8B6	RGB 172 248 182	#ACF8B6
50.0%	50.0% #C0F5B3	RGB 192 245 179	#C0F5B3
66.7%	66.7% #D7F1BA	RGB 215 241 186	#D7F1BA
83.3%	83.3% #E8EEC0	RGB 232 238 192	#E8EEC0
100.0%	100.0% #EBE4C7	RGB 235 228 199	#EBE4C7

#9EFFEB #A5FBCD #ACF8B6 #C0F5B3 #D7F1BA #E8EEC0 #EBE4C7

#9EFFEB - #C0F5B3 - #EBE4C7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9EFFEB 0%, #C0F5B3 50%, #EBE4C7 100%);
    background: -webkit-linear-gradient(top, #9EFFEB 0%, #C0F5B3 50%, #EBE4C7 100%);
    background: linear-gradient(to bottom, #9EFFEB 0%, #C0F5B3 50%, #EBE4C7 100%);
}
</style>