#96AC5E - #FFBB80 | 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 #96AC5E to #FFBB80

#96AC5E #FFBB80

Calculate the color between two colors, #96AC5E and #FFBB80. 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)

#96AC5E - #FFBB80 | 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 #96AC5E as 0% and #FFBB80 as 100%.

0.0%	0.0% #96AC5E	RGB 150 172 94	#96AC5E
16.7%	16.7% #A7AE63	RGB 167 174 99	#A7AE63
33.3%	33.3% #B9B169	RGB 185 177 105	#B9B169
50.0%	50.0% #CAB36F	RGB 202 179 111	#CAB36F
66.7%	66.7% #DCB674	RGB 220 182 116	#DCB674
83.3%	83.3% #EDB87A	RGB 237 184 122	#EDB87A
100.0%	100.0% #FFBB80	RGB 255 187 128	#FFBB80

#96AC5E #A7AE63 #B9B169 #CAB36F #DCB674 #EDB87A #FFBB80

#96AC5E - #FFBB80

HSV Blend

#96AC5E - #FFBB80 | 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 #96AC5E as 0% and #FFBB80 as 100%.

0.0%	0.0% #96AC5E	RGB 150 172 94	#96AC5E
16.7%	16.7% #ADB964	RGB 173 185 100	#ADB964
33.3%	33.3% #C6C76A	RGB 198 199 106	#C6C76A
50.0%	50.0% #D5C86F	RGB 213 200 111	#D5C86F
66.7%	66.7% #E3C675	RGB 227 198 117	#E3C675
83.3%	83.3% #F1C17A	RGB 241 193 122	#F1C17A
100.0%	100.0% #FFBB80	RGB 255 187 128	#FFBB80

#96AC5E #ADB964 #C6C76A #D5C86F #E3C675 #F1C17A #FFBB80

#96AC5E - #D5C86F - #FFBB80

CSS codes

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

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