#93480D - #EB861B | 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 #93480D a #EB861B

#93480D #EB861B

Calcule el color entre dos colores, #93480D y #EB861B. 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)

#93480D - #EB861B | 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 #93480D como 0% y #EB861B como 100%.

0.0%	0.0% #93480D	RGB 147 72 13	#93480D
16.7%	16.7% #A1520F	RGB 161 82 15	#A1520F
33.3%	33.3% #B05C11	RGB 176 92 17	#B05C11
50.0%	50.0% #BF6714	RGB 191 103 20	#BF6714
66.7%	66.7% #CD7116	RGB 205 113 22	#CD7116
83.3%	83.3% #DC7B18	RGB 220 123 24	#DC7B18
100.0%	100.0% #EB861B	RGB 235 134 27	#EB861B

#93480D #A1520F #B05C11 #BF6714 #CD7116 #DC7B18 #EB861B

#93480D - #EB861B

Mezcla HSV

#93480D - #EB861B | 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 #93480D como 0% y #EB861B como 100%.

0.0%	0.0% #93480C	RGB 147 72 12	#93480C
16.7%	16.7% #A1510F	RGB 161 81 15	#A1510F
33.3%	33.3% #B05B11	RGB 176 91 17	#B05B11
50.0%	50.0% #BF6513	RGB 191 101 19	#BF6513
66.7%	66.7% #CD6F15	RGB 205 111 21	#CD6F15
83.3%	83.3% #DC7A18	RGB 220 122 24	#DC7A18
100.0%	100.0% #EB861B	RGB 235 134 27	#EB861B

#93480C #A1510F #B05B11 #BF6513 #CD6F15 #DC7A18 #EB861B

#93480D - #BF6513 - #EB861B

Códigos CSS

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

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