#98A8A8 - #B8DCFF | 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 #98A8A8 to #B8DCFF

#98A8A8 #B8DCFF

Calculate the color between two colors, #98A8A8 and #B8DCFF. 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)

#98A8A8 - #B8DCFF | 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 #98A8A8 as 0% and #B8DCFF as 100%.

0.0%	0.0% #98A8A8	RGB 152 168 168	#98A8A8
16.7%	16.7% #9DB0B6	RGB 157 176 182	#9DB0B6
33.3%	33.3% #A2B9C5	RGB 162 185 197	#A2B9C5
50.0%	50.0% #A8C2D3	RGB 168 194 211	#A8C2D3
66.7%	66.7% #ADCAE2	RGB 173 202 226	#ADCAE2
83.3%	83.3% #B2D3F0	RGB 178 211 240	#B2D3F0
100.0%	100.0% #B8DCFF	RGB 184 220 255	#B8DCFF

#98A8A8 #9DB0B6 #A2B9C5 #A8C2D3 #ADCAE2 #B2D3F0 #B8DCFF

#98A8A8 - #B8DCFF

HSV Blend

#98A8A8 - #B8DCFF | 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 #98A8A8 as 0% and #B8DCFF as 100%.

0.0%	0.0% #98A8A8	RGB 152 168 168	#98A8A8
16.7%	16.7% #9FB4B6	RGB 159 180 182	#9FB4B6
33.3%	33.3% #A6BFC5	RGB 166 191 197	#A6BFC5
50.0%	50.0% #ABC9D3	RGB 171 201 211	#ABC9D3
66.7%	66.7% #B0D1E2	RGB 176 209 226	#B0D1E2
83.3%	83.3% #B4D8F0	RGB 180 216 240	#B4D8F0
100.0%	100.0% #B8DCFF	RGB 184 220 255	#B8DCFF

#98A8A8 #9FB4B6 #A6BFC5 #ABC9D3 #B0D1E2 #B4D8F0 #B8DCFF

#98A8A8 - #ABC9D3 - #B8DCFF

CSS codes

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

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