#989AAA - #A8D3B2 | 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 #989AAA to #A8D3B2

#989AAA #A8D3B2

Calculate the color between two colors, #989AAA and #A8D3B2. 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)

#989AAA - #A8D3B2 | 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 #989AAA as 0% and #A8D3B2 as 100%.

0.0%	0.0% #989AAA	RGB 152 154 170	#989AAA
16.7%	16.7% #9AA3AB	RGB 154 163 171	#9AA3AB
33.3%	33.3% #9DADAC	RGB 157 173 172	#9DADAC
50.0%	50.0% #A0B6AE	RGB 160 182 174	#A0B6AE
66.7%	66.7% #A2C0AF	RGB 162 192 175	#A2C0AF
83.3%	83.3% #A5C9B0	RGB 165 201 176	#A5C9B0
100.0%	100.0% #A8D3B2	RGB 168 211 178	#A8D3B2

#989AAA #9AA3AB #9DADAC #A0B6AE #A2C0AF #A5C9B0 #A8D3B2

#989AAA - #A8D3B2

HSV Blend

#989AAA - #A8D3B2 | 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 #989AAA as 0% and #A8D3B2 as 100%.

0.0%	0.0% #989AAA	RGB 152 154 170	#989AAA
16.7%	16.7% #9BA3B0	RGB 155 163 176	#9BA3B0
33.3%	33.3% #9EAFB7	RGB 158 175 183	#9EAFB7
50.0%	50.0% #A1BCBE	RGB 161 188 190	#A1BCBE
66.7%	66.7% #A3C5BE	RGB 163 197 190	#A3C5BE
83.3%	83.3% #A5CCB9	RGB 165 204 185	#A5CCB9
100.0%	100.0% #A8D3B2	RGB 168 211 178	#A8D3B2

#989AAA #9BA3B0 #9EAFB7 #A1BCBE #A3C5BE #A5CCB9 #A8D3B2

#989AAA - #A1BCBE - #A8D3B2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #989AAA 0%, #A1BCBE 50%, #A8D3B2 100%);
    background: -webkit-linear-gradient(top, #989AAA 0%, #A1BCBE 50%, #A8D3B2 100%);
    background: linear-gradient(to bottom, #989AAA 0%, #A1BCBE 50%, #A8D3B2 100%);
}
</style>