#9F94AA - #E3E0E6 | 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 #9F94AA to #E3E0E6

#9F94AA #E3E0E6

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

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

0.0%	0.0% #9F94AA	RGB 159 148 170	#9F94AA
16.7%	16.7% #AAA0B4	RGB 170 160 180	#AAA0B4
33.3%	33.3% #B5ADBE	RGB 181 173 190	#B5ADBE
50.0%	50.0% #C1BAC8	RGB 193 186 200	#C1BAC8
66.7%	66.7% #CCC6D2	RGB 204 198 210	#CCC6D2
83.3%	83.3% #D7D3DC	RGB 215 211 220	#D7D3DC
100.0%	100.0% #E3E0E6	RGB 227 224 230	#E3E0E6

#9F94AA #AAA0B4 #B5ADBE #C1BAC8 #CCC6D2 #D7D3DC #E3E0E6

#9F94AA - #E3E0E6

HSV Blend

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

0.0%	0.0% #9F94AA	RGB 159 148 170	#9F94AA
16.7%	16.7% #A99FB4	RGB 169 159 180	#A99FB4
33.3%	33.3% #B4ABBE	RGB 180 171 190	#B4ABBE
50.0%	50.0% #C0B8C8	RGB 192 184 200	#C0B8C8
66.7%	66.7% #CBC5D2	RGB 203 197 210	#CBC5D2
83.3%	83.3% #D7D2DC	RGB 215 210 220	#D7D2DC
100.0%	100.0% #E3E0E6	RGB 227 224 230	#E3E0E6

#9F94AA #A99FB4 #B4ABBE #C0B8C8 #CBC5D2 #D7D2DC #E3E0E6

#9F94AA - #C0B8C8 - #E3E0E6

CSS codes

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

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