#D9DA64 - #A1A81E | 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 #D9DA64 to #A1A81E

#D9DA64 #A1A81E

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

#D9DA64 - #A1A81E | 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 #D9DA64 as 0% and #A1A81E as 100%.

0.0%	0.0% #D9DA64	RGB 217 218 100	#D9DA64
16.7%	16.7% #CFD158	RGB 207 209 88	#CFD158
33.3%	33.3% #C6C94C	RGB 198 201 76	#C6C94C
50.0%	50.0% #BDC141	RGB 189 193 65	#BDC141
66.7%	66.7% #B3B835	RGB 179 184 53	#B3B835
83.3%	83.3% #AAB029	RGB 170 176 41	#AAB029
100.0%	100.0% #A1A81E	RGB 161 168 30	#A1A81E

#D9DA64 #CFD158 #C6C94C #BDC141 #B3B835 #AAB029 #A1A81E

#D9DA64 - #A1A81E

HSV Blend

#D9DA64 - #A1A81E | 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 #D9DA64 as 0% and #A1A81E as 100%.

0.0%	0.0% #D9DA64	RGB 217 218 100	#D9DA64
16.7%	16.7% #CFD156	RGB 207 209 86	#CFD156
33.3%	33.3% #C6C949	RGB 198 201 73	#C6C949
50.0%	50.0% #BDC13D	RGB 189 193 61	#BDC13D
66.7%	66.7% #B3B832	RGB 179 184 50	#B3B832
83.3%	83.3% #AAB027	RGB 170 176 39	#AAB027
100.0%	100.0% #A1A81E	RGB 161 168 30	#A1A81E

#D9DA64 #CFD156 #C6C949 #BDC13D #B3B832 #AAB027 #A1A81E

#D9DA64 - #BDC13D - #A1A81E

CSS codes

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

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