#9FD3E6 - #EAE3E0 | 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 #9FD3E6 to #EAE3E0

#9FD3E6 #EAE3E0

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

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

0.0%	0.0% #9FD3E6	RGB 159 211 230	#9FD3E6
16.7%	16.7% #ABD5E5	RGB 171 213 229	#ABD5E5
33.3%	33.3% #B8D8E4	RGB 184 216 228	#B8D8E4
50.0%	50.0% #C4DBE3	RGB 196 219 227	#C4DBE3
66.7%	66.7% #D1DDE2	RGB 209 221 226	#D1DDE2
83.3%	83.3% #DDE0E1	RGB 221 224 225	#DDE0E1
100.0%	100.0% #EAE3E0	RGB 234 227 224	#EAE3E0

#9FD3E6 #ABD5E5 #B8D8E4 #C4DBE3 #D1DDE2 #DDE0E1 #EAE3E0

#9FD3E6 - #EAE3E0

HSV Blend

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

0.0%	0.0% #9FD3E6	RGB 159 211 230	#9FD3E6
16.7%	16.7% #A9E6D8	RGB 169 230 216	#A9E6D8
33.3%	33.3% #B4E7C2	RGB 180 231 194	#B4E7C2
50.0%	50.0% #C8E8BF	RGB 200 232 191	#C8E8BF
66.7%	66.7% #DFE8CA	RGB 223 232 202	#DFE8CA
83.3%	83.3% #E9E5D5	RGB 233 229 213	#E9E5D5
100.0%	100.0% #EAE3E0	RGB 234 227 224	#EAE3E0

#9FD3E6 #A9E6D8 #B4E7C2 #C8E8BF #DFE8CA #E9E5D5 #EAE3E0

#9FD3E6 - #C8E8BF - #EAE3E0

CSS codes

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

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