#3A8F4B - #CCDA74 | 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 #3A8F4B to #CCDA74

#3A8F4B #CCDA74

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

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

0.0%	0.0% #3A8F4B	RGB 58 143 75	#3A8F4B
16.7%	16.7% #529B51	RGB 82 155 81	#529B51
33.3%	33.3% #6AA858	RGB 106 168 88	#6AA858
50.0%	50.0% #83B45F	RGB 131 180 95	#83B45F
66.7%	66.7% #9BC166	RGB 155 193 102	#9BC166
83.3%	83.3% #B3CD6D	RGB 179 205 109	#B3CD6D
100.0%	100.0% #CCDA74	RGB 204 218 116	#CCDA74

#3A8F4B #529B51 #6AA858 #83B45F #9BC166 #B3CD6D #CCDA74

#3A8F4B - #CCDA74

HSV Blend

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

0.0%	0.0% #3A8F4B	RGB 58 143 75	#3A8F4B
16.7%	16.7% #429B44	RGB 66 155 68	#429B44
33.3%	33.3% #59A84B	RGB 89 168 75	#59A84B
50.0%	50.0% #74B454	RGB 116 180 84	#74B454
66.7%	66.7% #90C15E	RGB 144 193 94	#90C15E
83.3%	83.3% #ADCD69	RGB 173 205 105	#ADCD69
100.0%	100.0% #CCDA74	RGB 204 218 116	#CCDA74

#3A8F4B #429B44 #59A84B #74B454 #90C15E #ADCD69 #CCDA74

#3A8F4B - #74B454 - #CCDA74

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3A8F4B 0%, #74B454 50%, #CCDA74 100%);
    background: -webkit-linear-gradient(top, #3A8F4B 0%, #74B454 50%, #CCDA74 100%);
    background: linear-gradient(to bottom, #3A8F4B 0%, #74B454 50%, #CCDA74 100%);
}
</style>