#9FF2B5 - #EBE4EC | 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 #9FF2B5 to #EBE4EC

#9FF2B5 #EBE4EC

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

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

0.0%	0.0% #9FF2B5	RGB 159 242 181	#9FF2B5
16.7%	16.7% #ABEFBE	RGB 171 239 190	#ABEFBE
33.3%	33.3% #B8EDC7	RGB 184 237 199	#B8EDC7
50.0%	50.0% #C5EBD0	RGB 197 235 208	#C5EBD0
66.7%	66.7% #D1E8D9	RGB 209 232 217	#D1E8D9
83.3%	83.3% #DEE6E2	RGB 222 230 226	#DEE6E2
100.0%	100.0% #EBE4EC	RGB 235 228 236	#EBE4EC

#9FF2B5 #ABEFBE #B8EDC7 #C5EBD0 #D1E8D9 #DEE6E2 #EBE4EC

#9FF2B5 - #EBE4EC

HSV Blend

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

0.0%	0.0% #9FF2B5	RGB 159 242 181	#9FF2B5
16.7%	16.7% #AAF1DB	RGB 170 241 219	#AAF1DB
33.3%	33.3% #B6E8F0	RGB 182 232 240	#B6E8F0
50.0%	50.0% #C1D5EF	RGB 193 213 239	#C1D5EF
66.7%	66.7% #CDCDEE	RGB 205 205 238	#CDCDEE
83.3%	83.3% #E1D8ED	RGB 225 216 237	#E1D8ED
100.0%	100.0% #EBE4EC	RGB 235 228 236	#EBE4EC

#9FF2B5 #AAF1DB #B6E8F0 #C1D5EF #CDCDEE #E1D8ED #EBE4EC

#9FF2B5 - #C1D5EF - #EBE4EC

CSS codes

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

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