#CDF75C - #3A461A | 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 #CDF75C to #3A461A

#CDF75C #3A461A

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

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

0.0%	0.0% #CDF75C	RGB 205 247 92	#CDF75C
16.7%	16.7% #B4D951	RGB 180 217 81	#B4D951
33.3%	33.3% #9CBC46	RGB 156 188 70	#9CBC46
50.0%	50.0% #839E3B	RGB 131 158 59	#839E3B
66.7%	66.7% #6B8130	RGB 107 129 48	#6B8130
83.3%	83.3% #526325	RGB 82 99 37	#526325
100.0%	100.0% #3A461A	RGB 58 70 26	#3A461A

#CDF75C #B4D951 #9CBC46 #839E3B #6B8130 #526325 #3A461A

#CDF75C - #3A461A

HSV Blend

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

0.0%	0.0% #CDF75B	RGB 205 247 91	#CDF75B
16.7%	16.7% #B4D950	RGB 180 217 80	#B4D950
33.3%	33.3% #9BBC45	RGB 155 188 69	#9BBC45
50.0%	50.0% #839E3A	RGB 131 158 58	#839E3A
66.7%	66.7% #6A812F	RGB 106 129 47	#6A812F
83.3%	83.3% #526324	RGB 82 99 36	#526324
100.0%	100.0% #3A461A	RGB 58 70 26	#3A461A

#CDF75B #B4D950 #9BBC45 #839E3A #6A812F #526324 #3A461A

#CDF75C - #839E3A - #3A461A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CDF75B 0%, #839E3A 50%, #3A461A 100%);
    background: -webkit-linear-gradient(top, #CDF75B 0%, #839E3A 50%, #3A461A 100%);
    background: linear-gradient(to bottom, #CDF75B 0%, #839E3A 50%, #3A461A 100%);
}
</style>