#3A8F3D - #D2DC6B | 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 #3A8F3D to #D2DC6B

#3A8F3D #D2DC6B

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

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

0.0%	0.0% #3A8F3D	RGB 58 143 61	#3A8F3D
16.7%	16.7% #539B44	RGB 83 155 68	#539B44
33.3%	33.3% #6CA84C	RGB 108 168 76	#6CA84C
50.0%	50.0% #86B554	RGB 134 181 84	#86B554
66.7%	66.7% #9FC25B	RGB 159 194 91	#9FC25B
83.3%	83.3% #B8CF63	RGB 184 207 99	#B8CF63
100.0%	100.0% #D2DC6B	RGB 210 220 107	#D2DC6B

#3A8F3D #539B44 #6CA84C #86B554 #9FC25B #B8CF63 #D2DC6B

#3A8F3D - #D2DC6B

HSV Blend

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

0.0%	0.0% #3A8F3D	RGB 58 143 61	#3A8F3D
16.7%	16.7% #4C9B41	RGB 76 155 65	#4C9B41
33.3%	33.3% #63A848	RGB 99 168 72	#63A848
50.0%	50.0% #7CB550	RGB 124 181 80	#7CB550
66.7%	66.7% #97C259	RGB 151 194 89	#97C259
83.3%	83.3% #B4CF61	RGB 180 207 97	#B4CF61
100.0%	100.0% #D2DC6B	RGB 210 220 107	#D2DC6B

#3A8F3D #4C9B41 #63A848 #7CB550 #97C259 #B4CF61 #D2DC6B

#3A8F3D - #7CB550 - #D2DC6B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3A8F3D 0%, #7CB550 50%, #D2DC6B 100%);
    background: -webkit-linear-gradient(top, #3A8F3D 0%, #7CB550 50%, #D2DC6B 100%);
    background: linear-gradient(to bottom, #3A8F3D 0%, #7CB550 50%, #D2DC6B 100%);
}
</style>