#3A8F47 - #CDDB72 | 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 #3A8F47 to #CDDB72

#3A8F47 #CDDB72

Calculate the color between two colors, #3A8F47 and #CDDB72. 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)

#3A8F47 - #CDDB72 | 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 #3A8F47 as 0% and #CDDB72 as 100%.

0.0%	0.0% #3A8F47	RGB 58 143 71	#3A8F47
16.7%	16.7% #529B4E	RGB 82 155 78	#529B4E
33.3%	33.3% #6BA855	RGB 107 168 85	#6BA855
50.0%	50.0% #83B55C	RGB 131 181 92	#83B55C
66.7%	66.7% #9CC163	RGB 156 193 99	#9CC163
83.3%	83.3% #B4CE6A	RGB 180 206 106	#B4CE6A
100.0%	100.0% #CDDB72	RGB 205 219 114	#CDDB72

#3A8F47 #529B4E #6BA855 #83B55C #9CC163 #B4CE6A #CDDB72

#3A8F47 - #CDDB72

HSV Blend

#3A8F47 - #CDDB72 | 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 #3A8F47 as 0% and #CDDB72 as 100%.

0.0%	0.0% #3A8F47	RGB 58 143 71	#3A8F47
16.7%	16.7% #439B42	RGB 67 155 66	#439B42
33.3%	33.3% #5CA84A	RGB 92 168 74	#5CA84A
50.0%	50.0% #76B553	RGB 118 181 83	#76B553
66.7%	66.7% #92C15D	RGB 146 193 93	#92C15D
83.3%	83.3% #AFCE67	RGB 175 206 103	#AFCE67
100.0%	100.0% #CDDB72	RGB 205 219 114	#CDDB72

#3A8F47 #439B42 #5CA84A #76B553 #92C15D #AFCE67 #CDDB72

#3A8F47 - #76B553 - #CDDB72

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3A8F47 0%, #76B553 50%, #CDDB72 100%);
    background: -webkit-linear-gradient(top, #3A8F47 0%, #76B553 50%, #CDDB72 100%);
    background: linear-gradient(to bottom, #3A8F47 0%, #76B553 50%, #CDDB72 100%);
}
</style>