#9FB0CB - #E3E8F0 | 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 #9FB0CB to #E3E8F0

#9FB0CB #E3E8F0

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

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

0.0%	0.0% #9FB0CB	RGB 159 176 203	#9FB0CB
16.7%	16.7% #AAB9D1	RGB 170 185 209	#AAB9D1
33.3%	33.3% #B5C2D7	RGB 181 194 215	#B5C2D7
50.0%	50.0% #C1CCDD	RGB 193 204 221	#C1CCDD
66.7%	66.7% #CCD5E3	RGB 204 213 227	#CCD5E3
83.3%	83.3% #D7DEE9	RGB 215 222 233	#D7DEE9
100.0%	100.0% #E3E8F0	RGB 227 232 240	#E3E8F0

#9FB0CB #AAB9D1 #B5C2D7 #C1CCDD #CCD5E3 #D7DEE9 #E3E8F0

#9FB0CB - #E3E8F0

HSV Blend

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

0.0%	0.0% #9FB0CB	RGB 159 176 203	#9FB0CB
16.7%	16.7% #A9B8D1	RGB 169 184 209	#A9B8D1
33.3%	33.3% #B4C1D7	RGB 180 193 215	#B4C1D7
50.0%	50.0% #BFCBDD	RGB 191 203 221	#BFCBDD
66.7%	66.7% #CAD4E3	RGB 202 212 227	#CAD4E3
83.3%	83.3% #D6DEE9	RGB 214 222 233	#D6DEE9
100.0%	100.0% #E3E8F0	RGB 227 232 240	#E3E8F0

#9FB0CB #A9B8D1 #B4C1D7 #BFCBDD #CAD4E3 #D6DEE9 #E3E8F0

#9FB0CB - #BFCBDD - #E3E8F0

CSS codes

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

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