#64693D - #CFDA5E | 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 #64693D to #CFDA5E

#64693D #CFDA5E

Calculate the color between two colors, #64693D and #CFDA5E. 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)

#64693D - #CFDA5E | 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 #64693D as 0% and #CFDA5E as 100%.

0.0%	0.0% #64693D	RGB 100 105 61	#64693D
16.7%	16.7% #757B42	RGB 117 123 66	#757B42
33.3%	33.3% #878E48	RGB 135 142 72	#878E48
50.0%	50.0% #99A14D	RGB 153 161 77	#99A14D
66.7%	66.7% #ABB453	RGB 171 180 83	#ABB453
83.3%	83.3% #BDC758	RGB 189 199 88	#BDC758
100.0%	100.0% #CFDA5E	RGB 207 218 94	#CFDA5E

#64693D #757B42 #878E48 #99A14D #ABB453 #BDC758 #CFDA5E

#64693D - #CFDA5E

HSV Blend

#64693D - #CFDA5E | 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 #64693D as 0% and #CFDA5E as 100%.

0.0%	0.0% #64693D	RGB 100 105 61	#64693D
16.7%	16.7% #757B44	RGB 117 123 68	#757B44
33.3%	33.3% #878E4B	RGB 135 142 75	#878E4B
50.0%	50.0% #99A151	RGB 153 161 81	#99A151
66.7%	66.7% #ABB456	RGB 171 180 86	#ABB456
83.3%	83.3% #BDC75A	RGB 189 199 90	#BDC75A
100.0%	100.0% #CFDA5E	RGB 207 218 94	#CFDA5E

#64693D #757B44 #878E4B #99A151 #ABB456 #BDC75A #CFDA5E

#64693D - #99A151 - #CFDA5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #64693D 0%, #99A151 50%, #CFDA5E 100%);
    background: -webkit-linear-gradient(top, #64693D 0%, #99A151 50%, #CFDA5E 100%);
    background: linear-gradient(to bottom, #64693D 0%, #99A151 50%, #CFDA5E 100%);
}
</style>