#9199A2 - #AEDFEB | 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 #9199A2 to #AEDFEB

#9199A2 #AEDFEB

Calculate the color between two colors, #9199A2 and #AEDFEB. 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)

#9199A2 - #AEDFEB | 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 #9199A2 as 0% and #AEDFEB as 100%.

0.0%	0.0% #9199A2	RGB 145 153 162	#9199A2
16.7%	16.7% #95A4AE	RGB 149 164 174	#95A4AE
33.3%	33.3% #9AB0BA	RGB 154 176 186	#9AB0BA
50.0%	50.0% #9FBCC6	RGB 159 188 198	#9FBCC6
66.7%	66.7% #A4C7D2	RGB 164 199 210	#A4C7D2
83.3%	83.3% #A9D3DE	RGB 169 211 222	#A9D3DE
100.0%	100.0% #AEDFEB	RGB 174 223 235	#AEDFEB

#9199A2 #95A4AE #9AB0BA #9FBCC6 #A4C7D2 #A9D3DE #AEDFEB

#9199A2 - #AEDFEB

HSV Blend

#9199A2 - #AEDFEB | 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 #9199A2 as 0% and #AEDFEB as 100%.

0.0%	0.0% #9199A2	RGB 145 153 162	#9199A2
16.7%	16.7% #97A3AE	RGB 151 163 174	#97A3AE
33.3%	33.3% #9DAEBA	RGB 157 174 186	#9DAEBA
50.0%	50.0% #A2B9C6	RGB 162 185 198	#A2B9C6
66.7%	66.7% #A6C5D2	RGB 166 197 210	#A6C5D2
83.3%	83.3% #AAD1DE	RGB 170 209 222	#AAD1DE
100.0%	100.0% #AEDFEB	RGB 174 223 235	#AEDFEB

#9199A2 #97A3AE #9DAEBA #A2B9C6 #A6C5D2 #AAD1DE #AEDFEB

#9199A2 - #A2B9C6 - #AEDFEB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9199A2 0%, #A2B9C6 50%, #AEDFEB 100%);
    background: -webkit-linear-gradient(top, #9199A2 0%, #A2B9C6 50%, #AEDFEB 100%);
    background: linear-gradient(to bottom, #9199A2 0%, #A2B9C6 50%, #AEDFEB 100%);
}
</style>