#9A9FAA - #B5DAEC | 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 #9A9FAA to #B5DAEC

#9A9FAA #B5DAEC

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

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

0.0%	0.0% #9A9FAA	RGB 154 159 170	#9A9FAA
16.7%	16.7% #9EA8B5	RGB 158 168 181	#9EA8B5
33.3%	33.3% #A3B2C0	RGB 163 178 192	#A3B2C0
50.0%	50.0% #A7BCCB	RGB 167 188 203	#A7BCCB
66.7%	66.7% #ACC6D6	RGB 172 198 214	#ACC6D6
83.3%	83.3% #B0D0E1	RGB 176 208 225	#B0D0E1
100.0%	100.0% #B5DAEC	RGB 181 218 236	#B5DAEC

#9A9FAA #9EA8B5 #A3B2C0 #A7BCCB #ACC6D6 #B0D0E1 #B5DAEC

#9A9FAA - #B5DAEC

HSV Blend

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

0.0%	0.0% #9A9FAA	RGB 154 159 170	#9A9FAA
16.7%	16.7% #9FA7B5	RGB 159 167 181	#9FA7B5
33.3%	33.3% #A5B0C0	RGB 165 176 192	#A5B0C0
50.0%	50.0% #A9BACB	RGB 169 186 203	#A9BACB
66.7%	66.7% #AEC4D6	RGB 174 196 214	#AEC4D6
83.3%	83.3% #B1CEE1	RGB 177 206 225	#B1CEE1
100.0%	100.0% #B5DAEC	RGB 181 218 236	#B5DAEC

#9A9FAA #9FA7B5 #A5B0C0 #A9BACB #AEC4D6 #B1CEE1 #B5DAEC

#9A9FAA - #A9BACB - #B5DAEC

CSS codes

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

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