#64693D - #CFDA5E | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #64693D a #CFDA5E

#64693D #CFDA5E

Calcule el color entre dos colores, #64693D y #CFDA5E. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#64693D - #CFDA5E | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #64693D como 0% y #CFDA5E como 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

Mezcla HSV

#64693D - #CFDA5E | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #64693D como 0% y #CFDA5E como 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

Códigos CSS

<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>