#ABAF90 - #6B783B | 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 #ABAF90 to #6B783B

#ABAF90 #6B783B

Calculate the color between two colors, #ABAF90 and #6B783B. 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)

#ABAF90 - #6B783B | 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 #ABAF90 as 0% and #6B783B as 100%.

0.0%	0.0% #ABAF90	RGB 171 175 144	#ABAF90
16.7%	16.7% #A0A581	RGB 160 165 129	#A0A581
33.3%	33.3% #959C73	RGB 149 156 115	#959C73
50.0%	50.0% #8B9365	RGB 139 147 101	#8B9365
66.7%	66.7% #808A57	RGB 128 138 87	#808A57
83.3%	83.3% #758149	RGB 117 129 73	#758149
100.0%	100.0% #6B783B	RGB 107 120 59	#6B783B

#ABAF90 #A0A581 #959C73 #8B9365 #808A57 #758149 #6B783B

#ABAF90 - #6B783B

HSV Blend

#ABAF90 - #6B783B | 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 #ABAF90 as 0% and #6B783B as 100%.

0.0%	0.0% #ABAF90	RGB 171 175 144	#ABAF90
16.7%	16.7% #A0A57F	RGB 160 165 127	#A0A57F
33.3%	33.3% #959C6F	RGB 149 156 111	#959C6F
50.0%	50.0% #8A9360	RGB 138 147 96	#8A9360
66.7%	66.7% #808A53	RGB 128 138 83	#808A53
83.3%	83.3% #758146	RGB 117 129 70	#758146
100.0%	100.0% #6B783B	RGB 107 120 59	#6B783B

#ABAF90 #A0A57F #959C6F #8A9360 #808A53 #758146 #6B783B

#ABAF90 - #8A9360 - #6B783B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ABAF90 0%, #8A9360 50%, #6B783B 100%);
    background: -webkit-linear-gradient(top, #ABAF90 0%, #8A9360 50%, #6B783B 100%);
    background: linear-gradient(to bottom, #ABAF90 0%, #8A9360 50%, #6B783B 100%);
}
</style>