#7E828C - #9ED2E2 | 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 #7E828C to #9ED2E2

#7E828C #9ED2E2

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

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

0.0%	0.0% #7E828C	RGB 126 130 140	#7E828C
16.7%	16.7% #838F9A	RGB 131 143 154	#838F9A
33.3%	33.3% #889CA8	RGB 136 156 168	#889CA8
50.0%	50.0% #8EAAB7	RGB 142 170 183	#8EAAB7
66.7%	66.7% #93B7C5	RGB 147 183 197	#93B7C5
83.3%	83.3% #98C4D3	RGB 152 196 211	#98C4D3
100.0%	100.0% #9ED2E2	RGB 158 210 226	#9ED2E2

#7E828C #838F9A #889CA8 #8EAAB7 #93B7C5 #98C4D3 #9ED2E2

#7E828C - #9ED2E2

HSV Blend

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

0.0%	0.0% #7E828C	RGB 126 130 140	#7E828C
16.7%	16.7% #858D9A	RGB 133 141 154	#858D9A
33.3%	33.3% #8C99A8	RGB 140 153 168	#8C99A8
50.0%	50.0% #92A5B7	RGB 146 165 183	#92A5B7
66.7%	66.7% #97B3C5	RGB 151 179 197	#97B3C5
83.3%	83.3% #9BC1D3	RGB 155 193 211	#9BC1D3
100.0%	100.0% #9ED2E2	RGB 158 210 226	#9ED2E2

#7E828C #858D9A #8C99A8 #92A5B7 #97B3C5 #9BC1D3 #9ED2E2

#7E828C - #92A5B7 - #9ED2E2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E828C 0%, #92A5B7 50%, #9ED2E2 100%);
    background: -webkit-linear-gradient(top, #7E828C 0%, #92A5B7 50%, #9ED2E2 100%);
    background: linear-gradient(to bottom, #7E828C 0%, #92A5B7 50%, #9ED2E2 100%);
}
</style>