#848484 - #A8D3F8 | 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 #848484 to #A8D3F8

#848484 #A8D3F8

Calculate the color between two colors, #848484 and #A8D3F8. 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)

#848484 - #A8D3F8 | 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 #848484 as 0% and #A8D3F8 as 100%.

0.0%	0.0% #848484	RGB 132 132 132	#848484
16.7%	16.7% #8A9197	RGB 138 145 151	#8A9197
33.3%	33.3% #909EAA	RGB 144 158 170	#909EAA
50.0%	50.0% #96ABBE	RGB 150 171 190	#96ABBE
66.7%	66.7% #9CB8D1	RGB 156 184 209	#9CB8D1
83.3%	83.3% #A2C5E4	RGB 162 197 228	#A2C5E4
100.0%	100.0% #A8D3F8	RGB 168 211 248	#A8D3F8

#848484 #8A9197 #909EAA #96ABBE #9CB8D1 #A2C5E4 #A8D3F8

#848484 - #A8D3F8

HSV Blend

#848484 - #A8D3F8 | 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 #848484 as 0% and #A8D3F8 as 100%.

0.0%	0.0% #848484	RGB 132 132 132	#848484
16.7%	16.7% #978F92	RGB 151 143 146	#978F92
33.3%	33.3% #AA98A7	RGB 170 152 167	#AA98A7
50.0%	50.0% #B59FBE	RGB 181 159 190	#B59FBE
66.7%	66.7% #B2A4D1	RGB 178 164 209	#B2A4D1
83.3%	83.3% #A7AEE4	RGB 167 174 228	#A7AEE4
100.0%	100.0% #A8D3F8	RGB 168 211 248	#A8D3F8

#848484 #978F92 #AA98A7 #B59FBE #B2A4D1 #A7AEE4 #A8D3F8

#848484 - #B59FBE - #A8D3F8

CSS codes

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

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