#A69F00 - #2F2D00 | 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 #A69F00 a #2F2D00

#A69F00 #2F2D00

Calcule el color entre dos colores, #A69F00 y #2F2D00. 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)

#A69F00 - #2F2D00 | 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 #A69F00 como 0% y #2F2D00 como 100%.

0.0%	0.0% #A69F00	RGB 166 159 0	#A69F00
16.7%	16.7% #928C00	RGB 146 140 0	#928C00
33.3%	33.3% #7E7900	RGB 126 121 0	#7E7900
50.0%	50.0% #6A6600	RGB 106 102 0	#6A6600
66.7%	66.7% #565300	RGB 86 83 0	#565300
83.3%	83.3% #424000	RGB 66 64 0	#424000
100.0%	100.0% #2F2D00	RGB 47 45 0	#2F2D00

#A69F00 #928C00 #7E7900 #6A6600 #565300 #424000 #2F2D00

#A69F00 - #2F2D00

Mezcla HSV

#A69F00 - #2F2D00 | 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 #A69F00 como 0% y #2F2D00 como 100%.

0.0%	0.0% #A69F00	RGB 166 159 0	#A69F00
16.7%	16.7% #928B00	RGB 146 139 0	#928B00
33.3%	33.3% #7E7800	RGB 126 120 0	#7E7800
50.0%	50.0% #6A6500	RGB 106 101 0	#6A6500
66.7%	66.7% #565200	RGB 86 82 0	#565200
83.3%	83.3% #423F00	RGB 66 63 0	#423F00
100.0%	100.0% #2F2D00	RGB 47 45 0	#2F2D00

#A69F00 #928B00 #7E7800 #6A6500 #565200 #423F00 #2F2D00

#A69F00 - #6A6500 - #2F2D00

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A69F00 0%, #6A6500 50%, #2F2D00 100%);
    background: -webkit-linear-gradient(top, #A69F00 0%, #6A6500 50%, #2F2D00 100%);
    background: linear-gradient(to bottom, #A69F00 0%, #6A6500 50%, #2F2D00 100%);
}
</style>