#ABAC3E - #D8C274 | 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 #ABAC3E to #D8C274

#ABAC3E #D8C274

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

#ABAC3E - #D8C274 | 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 #ABAC3E as 0% and #D8C274 as 100%.

0.0%	0.0% #ABAC3E	RGB 171 172 62	#ABAC3E
16.7%	16.7% #B2AF47	RGB 178 175 71	#B2AF47
33.3%	33.3% #BAB350	RGB 186 179 80	#BAB350
50.0%	50.0% #C1B759	RGB 193 183 89	#C1B759
66.7%	66.7% #C9BA62	RGB 201 186 98	#C9BA62
83.3%	83.3% #D0BE6B	RGB 208 190 107	#D0BE6B
100.0%	100.0% #D8C274	RGB 216 194 116	#D8C274

#ABAC3E #B2AF47 #BAB350 #C1B759 #C9BA62 #D0BE6B #D8C274

#ABAC3E - #D8C274

HSV Blend

#ABAC3E - #D8C274 | 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 #ABAC3E as 0% and #D8C274 as 100%.

0.0%	0.0% #ABAC3E	RGB 171 172 62	#ABAC3E
16.7%	16.7% #B3B045	RGB 179 176 69	#B3B045
33.3%	33.3% #BAB34E	RGB 186 179 78	#BAB34E
50.0%	50.0% #C2B657	RGB 194 182 87	#C2B657
66.7%	66.7% #C9BA60	RGB 201 186 96	#C9BA60
83.3%	83.3% #D0BD69	RGB 208 189 105	#D0BD69
100.0%	100.0% #D8C274	RGB 216 194 116	#D8C274

#ABAC3E #B3B045 #BAB34E #C2B657 #C9BA60 #D0BD69 #D8C274

#ABAC3E - #C2B657 - #D8C274

CSS codes

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

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