#EEEBA1 - #D1C34B | 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 #EEEBA1 to #D1C34B

#EEEBA1 #D1C34B

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

#EEEBA1 - #D1C34B | 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 #EEEBA1 as 0% and #D1C34B as 100%.

0.0%	0.0% #EEEBA1	RGB 238 235 161	#EEEBA1
16.7%	16.7% #E9E492	RGB 233 228 146	#E9E492
33.3%	33.3% #E4DD84	RGB 228 221 132	#E4DD84
50.0%	50.0% #DFD776	RGB 223 215 118	#DFD776
66.7%	66.7% #DAD067	RGB 218 208 103	#DAD067
83.3%	83.3% #D5C959	RGB 213 201 89	#D5C959
100.0%	100.0% #D1C34B	RGB 209 195 75	#D1C34B

#EEEBA1 #E9E492 #E4DD84 #DFD776 #DAD067 #D5C959 #D1C34B

#EEEBA1 - #D1C34B

HSV Blend

#EEEBA1 - #D1C34B | 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 #EEEBA1 as 0% and #D1C34B as 100%.

0.0%	0.0% #EEEBA1	RGB 238 235 161	#EEEBA1
16.7%	16.7% #E9E491	RGB 233 228 145	#E9E491
33.3%	33.3% #E4DE82	RGB 228 222 130	#E4DE82
50.0%	50.0% #DFD773	RGB 223 215 115	#DFD773
66.7%	66.7% #DAD065	RGB 218 208 101	#DAD065
83.3%	83.3% #D5CA58	RGB 213 202 88	#D5CA58
100.0%	100.0% #D1C34B	RGB 209 195 75	#D1C34B

#EEEBA1 #E9E491 #E4DE82 #DFD773 #DAD065 #D5CA58 #D1C34B

#EEEBA1 - #DFD773 - #D1C34B

CSS codes

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

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