#8A9D9C - #DDE3E2 | 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 #8A9D9C to #DDE3E2

#8A9D9C #DDE3E2

Calculate the color between two colors, #8A9D9C and #DDE3E2. 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)

#8A9D9C - #DDE3E2 | 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 #8A9D9C as 0% and #DDE3E2 as 100%.

0.0%	0.0% #8A9D9C	RGB 138 157 156	#8A9D9C
16.7%	16.7% #97A8A7	RGB 151 168 167	#97A8A7
33.3%	33.3% #A5B4B3	RGB 165 180 179	#A5B4B3
50.0%	50.0% #B3C0BF	RGB 179 192 191	#B3C0BF
66.7%	66.7% #C1CBCA	RGB 193 203 202	#C1CBCA
83.3%	83.3% #CFD7D6	RGB 207 215 214	#CFD7D6
100.0%	100.0% #DDE3E2	RGB 221 227 226	#DDE3E2

#8A9D9C #97A8A7 #A5B4B3 #B3C0BF #C1CBCA #CFD7D6 #DDE3E2

#8A9D9C - #DDE3E2

HSV Blend

#8A9D9C - #DDE3E2 | 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 #8A9D9C as 0% and #DDE3E2 as 100%.

0.0%	0.0% #8A9D9C	RGB 138 157 156	#8A9D9C
16.7%	16.7% #96A8A7	RGB 150 168 167	#96A8A7
33.3%	33.3% #A4B4B2	RGB 164 180 178	#A4B4B2
50.0%	50.0% #B1C0BE	RGB 177 192 190	#B1C0BE
66.7%	66.7% #BFCBCA	RGB 191 203 202	#BFCBCA
83.3%	83.3% #CED7D5	RGB 206 215 213	#CED7D5
100.0%	100.0% #DDE3E2	RGB 221 227 226	#DDE3E2

#8A9D9C #96A8A7 #A4B4B2 #B1C0BE #BFCBCA #CED7D5 #DDE3E2

#8A9D9C - #B1C0BE - #DDE3E2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8A9D9C 0%, #B1C0BE 50%, #DDE3E2 100%);
    background: -webkit-linear-gradient(top, #8A9D9C 0%, #B1C0BE 50%, #DDE3E2 100%);
    background: linear-gradient(to bottom, #8A9D9C 0%, #B1C0BE 50%, #DDE3E2 100%);
}
</style>