#D4D67D - #9BA52E | 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 #D4D67D to #9BA52E

#D4D67D #9BA52E

Calculate the color between two colors, #D4D67D and #9BA52E. 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)

#D4D67D - #9BA52E | 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 #D4D67D as 0% and #9BA52E as 100%.

0.0%	0.0% #D4D67D	RGB 212 214 125	#D4D67D
16.7%	16.7% #CACD6F	RGB 202 205 111	#CACD6F
33.3%	33.3% #C1C562	RGB 193 197 98	#C1C562
50.0%	50.0% #B7BD55	RGB 183 189 85	#B7BD55
66.7%	66.7% #AEB548	RGB 174 181 72	#AEB548
83.3%	83.3% #A4AD3B	RGB 164 173 59	#A4AD3B
100.0%	100.0% #9BA52E	RGB 155 165 46	#9BA52E

#D4D67D #CACD6F #C1C562 #B7BD55 #AEB548 #A4AD3B #9BA52E

#D4D67D - #9BA52E

HSV Blend

#D4D67D - #9BA52E | 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 #D4D67D as 0% and #9BA52E as 100%.

0.0%	0.0% #D4D67D	RGB 212 214 125	#D4D67D
16.7%	16.7% #CACD6D	RGB 202 205 109	#CACD6D
33.3%	33.3% #C1C55F	RGB 193 197 95	#C1C55F
50.0%	50.0% #B7BD51	RGB 183 189 81	#B7BD51
66.7%	66.7% #AEB545	RGB 174 181 69	#AEB545
83.3%	83.3% #A4AD39	RGB 164 173 57	#A4AD39
100.0%	100.0% #9BA52E	RGB 155 165 46	#9BA52E

#D4D67D #CACD6D #C1C55F #B7BD51 #AEB545 #A4AD39 #9BA52E

#D4D67D - #B7BD51 - #9BA52E

CSS codes

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

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