#A7AF75 - #2F3221 | 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 #A7AF75 a #2F3221

#A7AF75 #2F3221

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

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

0.0%	0.0% #A7AF75	RGB 167 175 117	#A7AF75
16.7%	16.7% #939A67	RGB 147 154 103	#939A67
33.3%	33.3% #7F8559	RGB 127 133 89	#7F8559
50.0%	50.0% #6B704B	RGB 107 112 75	#6B704B
66.7%	66.7% #575B3D	RGB 87 91 61	#575B3D
83.3%	83.3% #43462F	RGB 67 70 47	#43462F
100.0%	100.0% #2F3221	RGB 47 50 33	#2F3221

#A7AF75 #939A67 #7F8559 #6B704B #575B3D #43462F #2F3221

#A7AF75 - #2F3221

Mezcla HSV

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

0.0%	0.0% #A7AF75	RGB 167 175 117	#A7AF75
16.7%	16.7% #929A66	RGB 146 154 102	#929A66
33.3%	33.3% #7E8558	RGB 126 133 88	#7E8558
50.0%	50.0% #6A704A	RGB 106 112 74	#6A704A
66.7%	66.7% #565B3C	RGB 86 91 60	#565B3C
83.3%	83.3% #42462E	RGB 66 70 46	#42462E
100.0%	100.0% #2F3221	RGB 47 50 33	#2F3221

#A7AF75 #929A66 #7E8558 #6A704A #565B3C #42462E #2F3221

#A7AF75 - #6A704A - #2F3221

Códigos CSS

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

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