#999295 - #A8D9AC | 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 #999295 to #A8D9AC

#999295 #A8D9AC

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

#999295 - #A8D9AC | 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 #999295 as 0% and #A8D9AC as 100%.

0.0%	0.0% #999295	RGB 153 146 149	#999295
16.7%	16.7% #9B9D98	RGB 155 157 152	#9B9D98
33.3%	33.3% #9EA99C	RGB 158 169 156	#9EA99C
50.0%	50.0% #A0B5A0	RGB 160 181 160	#A0B5A0
66.7%	66.7% #A3C1A4	RGB 163 193 164	#A3C1A4
83.3%	83.3% #A5CDA8	RGB 165 205 168	#A5CDA8
100.0%	100.0% #A8D9AC	RGB 168 217 172	#A8D9AC

#999295 #9B9D98 #9EA99C #A0B5A0 #A3C1A4 #A5CDA8 #A8D9AC

#999295 - #A8D9AC

HSV Blend

#999295 - #A8D9AC | 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 #999295 as 0% and #A8D9AC as 100%.

0.0%	0.0% #999295	RGB 153 146 149	#999295
16.7%	16.7% #A39797	RGB 163 151 151	#A39797
33.3%	33.3% #AEA39B	RGB 174 163 155	#AEA39B
50.0%	50.0% #B9B49F	RGB 185 180 159	#B9B49F
66.7%	66.7% #BBC3A3	RGB 187 195 163	#BBC3A3
83.3%	83.3% #B3CEA5	RGB 179 206 165	#B3CEA5
100.0%	100.0% #A8D9AC	RGB 168 217 172	#A8D9AC

#999295 #A39797 #AEA39B #B9B49F #BBC3A3 #B3CEA5 #A8D9AC

#999295 - #B9B49F - #A8D9AC

CSS codes

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

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