#9FADA4 - #C0E0FF | 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 #9FADA4 to #C0E0FF

#9FADA4 #C0E0FF

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

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

0.0%	0.0% #9FADA4	RGB 159 173 164	#9FADA4
16.7%	16.7% #A4B5B3	RGB 164 181 179	#A4B5B3
33.3%	33.3% #AABEC2	RGB 170 190 194	#AABEC2
50.0%	50.0% #AFC6D1	RGB 175 198 209	#AFC6D1
66.7%	66.7% #B5CFE0	RGB 181 207 224	#B5CFE0
83.3%	83.3% #BAD7EF	RGB 186 215 239	#BAD7EF
100.0%	100.0% #C0E0FF	RGB 192 224 255	#C0E0FF

#9FADA4 #A4B5B3 #AABEC2 #AFC6D1 #B5CFE0 #BAD7EF #C0E0FF

#9FADA4 - #C0E0FF

HSV Blend

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

0.0%	0.0% #9FADA4	RGB 159 173 164	#9FADA4
16.7%	16.7% #A6BAB1	RGB 166 186 177	#A6BAB1
33.3%	33.3% #ADC8C1	RGB 173 200 193	#ADC8C1
50.0%	50.0% #B2D6D3	RGB 178 214 211	#B2D6D3
66.7%	66.7% #B8DEE3	RGB 184 222 227	#B8DEE3
83.3%	83.3% #BCE1F1	RGB 188 225 241	#BCE1F1
100.0%	100.0% #C0E0FF	RGB 192 224 255	#C0E0FF

#9FADA4 #A6BAB1 #ADC8C1 #B2D6D3 #B8DEE3 #BCE1F1 #C0E0FF

#9FADA4 - #B2D6D3 - #C0E0FF

CSS codes

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

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