#553700 - #AF6E5E | 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 #553700 a #AF6E5E

#553700 #AF6E5E

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

#553700 - #AF6E5E | 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 #553700 como 0% y #AF6E5E como 100%.

0.0%	0.0% #553700	RGB 85 55 0	#553700
16.7%	16.7% #64400F	RGB 100 64 15	#64400F
33.3%	33.3% #73491F	RGB 115 73 31	#73491F
50.0%	50.0% #82522F	RGB 130 82 47	#82522F
66.7%	66.7% #915B3E	RGB 145 91 62	#915B3E
83.3%	83.3% #A0644E	RGB 160 100 78	#A0644E
100.0%	100.0% #AF6E5E	RGB 175 110 94	#AF6E5E

#553700 #64400F #73491F #82522F #915B3E #A0644E #AF6E5E

#553700 - #AF6E5E

Mezcla HSV

#553700 - #AF6E5E | 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 #553700 como 0% y #AF6E5E como 100%.

0.0%	0.0% #553700	RGB 85 55 0	#553700
16.7%	16.7% #643D08	RGB 100 61 8	#643D08
33.3%	33.3% #734314	RGB 115 67 20	#734314
50.0%	50.0% #824B22	RGB 130 75 34	#824B22
66.7%	66.7% #915433	RGB 145 84 51	#915433
83.3%	83.3% #A05F47	RGB 160 95 71	#A05F47
100.0%	100.0% #AF6E5E	RGB 175 110 94	#AF6E5E

#553700 #643D08 #734314 #824B22 #915433 #A05F47 #AF6E5E

#553700 - #824B22 - #AF6E5E

Códigos CSS

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

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