#A8A500 - #302E00 | 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 #A8A500 a #302E00

#A8A500 #302E00

Calcule el color entre dos colores, #A8A500 y #302E00. 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)

#A8A500 - #302E00 | 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 #A8A500 como 0% y #302E00 como 100%.

0.0%	0.0% #A8A500	RGB 168 165 0	#A8A500
16.7%	16.7% #949100	RGB 148 145 0	#949100
33.3%	33.3% #807D00	RGB 128 125 0	#807D00
50.0%	50.0% #6C6900	RGB 108 105 0	#6C6900
66.7%	66.7% #585500	RGB 88 85 0	#585500
83.3%	83.3% #444100	RGB 68 65 0	#444100
100.0%	100.0% #302E00	RGB 48 46 0	#302E00

#A8A500 #949100 #807D00 #6C6900 #585500 #444100 #302E00

#A8A500 - #302E00

Mezcla HSV

#A8A500 - #302E00 | 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 #A8A500 como 0% y #302E00 como 100%.

0.0%	0.0% #A8A500	RGB 168 165 0	#A8A500
16.7%	16.7% #949000	RGB 148 144 0	#949000
33.3%	33.3% #807C00	RGB 128 124 0	#807C00
50.0%	50.0% #6C6800	RGB 108 104 0	#6C6800
66.7%	66.7% #585500	RGB 88 85 0	#585500
83.3%	83.3% #444100	RGB 68 65 0	#444100
100.0%	100.0% #302E00	RGB 48 46 0	#302E00

#A8A500 #949000 #807C00 #6C6800 #585500 #444100 #302E00

#A8A500 - #6C6800 - #302E00

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8A500 0%, #6C6800 50%, #302E00 100%);
    background: -webkit-linear-gradient(top, #A8A500 0%, #6C6800 50%, #302E00 100%);
    background: linear-gradient(to bottom, #A8A500 0%, #6C6800 50%, #302E00 100%);
}
</style>