#4D963C - #F5DF67 | 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 #4D963C to #F5DF67

#4D963C #F5DF67

Calculate the color between two colors, #4D963C and #F5DF67. 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)

#4D963C - #F5DF67 | 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 #4D963C as 0% and #F5DF67 as 100%.

0.0%	0.0% #4D963C	RGB 77 150 60	#4D963C
16.7%	16.7% #69A243	RGB 105 162 67	#69A243
33.3%	33.3% #85AE4A	RGB 133 174 74	#85AE4A
50.0%	50.0% #A1BA51	RGB 161 186 81	#A1BA51
66.7%	66.7% #BDC658	RGB 189 198 88	#BDC658
83.3%	83.3% #D9D25F	RGB 217 210 95	#D9D25F
100.0%	100.0% #F5DF67	RGB 245 223 103	#F5DF67

#4D963C #69A243 #85AE4A #A1BA51 #BDC658 #D9D25F #F5DF67

#4D963C - #F5DF67

HSV Blend

#4D963C - #F5DF67 | 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 #4D963C as 0% and #F5DF67 as 100%.

0.0%	0.0% #4C963C	RGB 76 150 60	#4C963C
16.7%	16.7% #65A542	RGB 101 165 66	#65A542
33.3%	33.3% #80B549	RGB 128 181 73	#80B549
50.0%	50.0% #9FC551	RGB 159 197 81	#9FC551
66.7%	66.7% #C0D558	RGB 192 213 88	#C0D558
83.3%	83.3% #E4E55F	RGB 228 229 95	#E4E55F
100.0%	100.0% #F5DF67	RGB 245 223 103	#F5DF67

#4C963C #65A542 #80B549 #9FC551 #C0D558 #E4E55F #F5DF67

#4D963C - #9FC551 - #F5DF67

CSS codes

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

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