#9FE5E6 - #FAE7E0 | 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 #9FE5E6 to #FAE7E0

#9FE5E6 #FAE7E0

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

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

0.0%	0.0% #9FE5E6	RGB 159 229 230	#9FE5E6
16.7%	16.7% #AEE5E5	RGB 174 229 229	#AEE5E5
33.3%	33.3% #BDE5E4	RGB 189 229 228	#BDE5E4
50.0%	50.0% #CCE6E3	RGB 204 230 227	#CCE6E3
66.7%	66.7% #DBE6E2	RGB 219 230 226	#DBE6E2
83.3%	83.3% #EAE6E1	RGB 234 230 225	#EAE6E1
100.0%	100.0% #FAE7E0	RGB 250 231 224	#FAE7E0

#9FE5E6 #AEE5E5 #BDE5E4 #CCE6E3 #DBE6E2 #EAE6E1 #FAE7E0

#9FE5E6 - #FAE7E0

HSV Blend

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

0.0%	0.0% #9FE5E6	RGB 159 229 230	#9FE5E6
16.7%	16.7% #A9E9CC	RGB 169 233 204	#A9E9CC
33.3%	33.3% #B3ECB9	RGB 179 236 185	#B3ECB9
50.0%	50.0% #D0F0BE	RGB 208 240 190	#D0F0BE
66.7%	66.7% #EBF3C9	RGB 235 243 201	#EBF3C9
83.3%	83.3% #F6EDD4	RGB 246 237 212	#F6EDD4
100.0%	100.0% #FAE7E0	RGB 250 231 224	#FAE7E0

#9FE5E6 #A9E9CC #B3ECB9 #D0F0BE #EBF3C9 #F6EDD4 #FAE7E0

#9FE5E6 - #D0F0BE - #FAE7E0

CSS codes

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

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