#999294 - #A8D9A8 | 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 #999294 to #A8D9A8

#999294 #A8D9A8

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

#999294 - #A8D9A8 | 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 #999294 as 0% and #A8D9A8 as 100%.

0.0%	0.0% #999294	RGB 153 146 148	#999294
16.7%	16.7% #9B9D97	RGB 155 157 151	#9B9D97
33.3%	33.3% #9EA99A	RGB 158 169 154	#9EA99A
50.0%	50.0% #A0B59E	RGB 160 181 158	#A0B59E
66.7%	66.7% #A3C1A1	RGB 163 193 161	#A3C1A1
83.3%	83.3% #A5CDA4	RGB 165 205 164	#A5CDA4
100.0%	100.0% #A8D9A8	RGB 168 217 168	#A8D9A8

#999294 #9B9D97 #9EA99A #A0B59E #A3C1A1 #A5CDA4 #A8D9A8

#999294 - #A8D9A8

HSV Blend

#999294 - #A8D9A8 | 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 #999294 as 0% and #A8D9A8 as 100%.

0.0%	0.0% #999294	RGB 153 146 148	#999294
16.7%	16.7% #A39897	RGB 163 152 151	#A39897
33.3%	33.3% #AEA49B	RGB 174 164 155	#AEA49B
50.0%	50.0% #B9B59F	RGB 185 181 159	#B9B59F
66.7%	66.7% #BBC3A3	RGB 187 195 163	#BBC3A3
83.3%	83.3% #B5CEA5	RGB 181 206 165	#B5CEA5
100.0%	100.0% #A8D9A8	RGB 168 217 168	#A8D9A8

#999294 #A39897 #AEA49B #B9B59F #BBC3A3 #B5CEA5 #A8D9A8

#999294 - #B9B59F - #A8D9A8

CSS codes

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

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