#AF9252 - #845615 | 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 #AF9252 a #845615

#AF9252 #845615

Calcule el color entre dos colores, #AF9252 y #845615. 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)

#AF9252 - #845615 | 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 #AF9252 como 0% y #845615 como 100%.

0.0%	0.0% #AF9252	RGB 175 146 82	#AF9252
16.7%	16.7% #A78847	RGB 167 136 71	#A78847
33.3%	33.3% #A07E3D	RGB 160 126 61	#A07E3D
50.0%	50.0% #997433	RGB 153 116 51	#997433
66.7%	66.7% #926A29	RGB 146 106 41	#926A29
83.3%	83.3% #8B601F	RGB 139 96 31	#8B601F
100.0%	100.0% #845615	RGB 132 86 21	#845615

#AF9252 #A78847 #A07E3D #997433 #926A29 #8B601F #845615

#AF9252 - #845615

Mezcla HSV

#AF9252 - #845615 | 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 #AF9252 como 0% y #845615 como 100%.

0.0%	0.0% #AF9252	RGB 175 146 82	#AF9252
16.7%	16.7% #A78745	RGB 167 135 69	#A78745
33.3%	33.3% #A07D3A	RGB 160 125 58	#A07D3A
50.0%	50.0% #997330	RGB 153 115 48	#997330
66.7%	66.7% #926926	RGB 146 105 38	#926926
83.3%	83.3% #8B5F1D	RGB 139 95 29	#8B5F1D
100.0%	100.0% #845615	RGB 132 86 21	#845615

#AF9252 #A78745 #A07D3A #997330 #926926 #8B5F1D #845615

#AF9252 - #997330 - #845615

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AF9252 0%, #997330 50%, #845615 100%);
    background: -webkit-linear-gradient(top, #AF9252 0%, #997330 50%, #845615 100%);
    background: linear-gradient(to bottom, #AF9252 0%, #997330 50%, #845615 100%);
}
</style>