#CFDA7D - #93AC2E | 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 #CFDA7D to #93AC2E

#CFDA7D #93AC2E

Calculate the color between two colors, #CFDA7D and #93AC2E. 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)

#CFDA7D - #93AC2E | 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 #CFDA7D as 0% and #93AC2E as 100%.

0.0%	0.0% #CFDA7D	RGB 207 218 125	#CFDA7D
16.7%	16.7% #C5D26F	RGB 197 210 111	#C5D26F
33.3%	33.3% #BBCA62	RGB 187 202 98	#BBCA62
50.0%	50.0% #B1C355	RGB 177 195 85	#B1C355
66.7%	66.7% #A7BB48	RGB 167 187 72	#A7BB48
83.3%	83.3% #9DB33B	RGB 157 179 59	#9DB33B
100.0%	100.0% #93AC2E	RGB 147 172 46	#93AC2E

#CFDA7D #C5D26F #BBCA62 #B1C355 #A7BB48 #9DB33B #93AC2E

#CFDA7D - #93AC2E

HSV Blend

#CFDA7D - #93AC2E | 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 #CFDA7D as 0% and #93AC2E as 100%.

0.0%	0.0% #CFDA7D	RGB 207 218 125	#CFDA7D
16.7%	16.7% #C5D26D	RGB 197 210 109	#C5D26D
33.3%	33.3% #BBCA5F	RGB 187 202 95	#BBCA5F
50.0%	50.0% #B1C351	RGB 177 195 81	#B1C351
66.7%	66.7% #A7BB45	RGB 167 187 69	#A7BB45
83.3%	83.3% #9DB339	RGB 157 179 57	#9DB339
100.0%	100.0% #93AC2E	RGB 147 172 46	#93AC2E

#CFDA7D #C5D26D #BBCA5F #B1C351 #A7BB45 #9DB339 #93AC2E

#CFDA7D - #B1C351 - #93AC2E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CFDA7D 0%, #B1C351 50%, #93AC2E 100%);
    background: -webkit-linear-gradient(top, #CFDA7D 0%, #B1C351 50%, #93AC2E 100%);
    background: linear-gradient(to bottom, #CFDA7D 0%, #B1C351 50%, #93AC2E 100%);
}
</style>