#A5A627 - #E5E5C1 | 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 #A5A627 to #E5E5C1

#A5A627 #E5E5C1

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

#A5A627 - #E5E5C1 | 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 #A5A627 as 0% and #E5E5C1 as 100%.

0.0%	0.0% #A5A627	RGB 165 166 39	#A5A627
16.7%	16.7% #AFB040	RGB 175 176 64	#AFB040
33.3%	33.3% #BABB5A	RGB 186 187 90	#BABB5A
50.0%	50.0% #C5C574	RGB 197 197 116	#C5C574
66.7%	66.7% #CFD08D	RGB 207 208 141	#CFD08D
83.3%	83.3% #DADAA7	RGB 218 218 167	#DADAA7
100.0%	100.0% #E5E5C1	RGB 229 229 193	#E5E5C1

#A5A627 #AFB040 #BABB5A #C5C574 #CFD08D #DADAA7 #E5E5C1

#A5A627 - #E5E5C1

HSV Blend

#A5A627 - #E5E5C1 | 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 #A5A627 as 0% and #E5E5C1 as 100%.

0.0%	0.0% #A5A627	RGB 165 166 39	#A5A627
16.7%	16.7% #AFB03B	RGB 175 176 59	#AFB03B
33.3%	33.3% #BABB51	RGB 186 187 81	#BABB51
50.0%	50.0% #C5C56A	RGB 197 197 106	#C5C56A
66.7%	66.7% #CFD085	RGB 207 208 133	#CFD085
83.3%	83.3% #DADAA2	RGB 218 218 162	#DADAA2
100.0%	100.0% #E5E5C1	RGB 229 229 193	#E5E5C1

#A5A627 #AFB03B #BABB51 #C5C56A #CFD085 #DADAA2 #E5E5C1

#A5A627 - #C5C56A - #E5E5C1

CSS codes

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

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