#98AAAA - #C4D3A8 | 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 #98AAAA to #C4D3A8

#98AAAA #C4D3A8

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

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

0.0%	0.0% #98AAAA	RGB 152 170 170	#98AAAA
16.7%	16.7% #9FB0A9	RGB 159 176 169	#9FB0A9
33.3%	33.3% #A6B7A9	RGB 166 183 169	#A6B7A9
50.0%	50.0% #AEBEA9	RGB 174 190 169	#AEBEA9
66.7%	66.7% #B5C5A8	RGB 181 197 168	#B5C5A8
83.3%	83.3% #BCCCA8	RGB 188 204 168	#BCCCA8
100.0%	100.0% #C4D3A8	RGB 196 211 168	#C4D3A8

#98AAAA #9FB0A9 #A6B7A9 #AEBEA9 #B5C5A8 #BCCCA8 #C4D3A8

#98AAAA - #C4D3A8

HSV Blend

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

0.0%	0.0% #98AAAA	RGB 152 170 170	#98AAAA
16.7%	16.7% #9BB0AA	RGB 155 176 170	#9BB0AA
33.3%	33.3% #9EB7A9	RGB 158 183 169	#9EB7A9
50.0%	50.0% #A1BEA6	RGB 161 190 166	#A1BEA6
66.7%	66.7% #A6C5A3	RGB 166 197 163	#A6C5A3
83.3%	83.3% #B4CCA5	RGB 180 204 165	#B4CCA5
100.0%	100.0% #C4D3A8	RGB 196 211 168	#C4D3A8

#98AAAA #9BB0AA #9EB7A9 #A1BEA6 #A6C5A3 #B4CCA5 #C4D3A8

#98AAAA - #A1BEA6 - #C4D3A8

CSS codes

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

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