#583500 - #BA6F16 | 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 #583500 a #BA6F16

#583500 #BA6F16

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

#583500 - #BA6F16 | 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 #583500 como 0% y #BA6F16 como 100%.

0.0%	0.0% #583500	RGB 88 53 0	#583500
16.7%	16.7% #683E03	RGB 104 62 3	#683E03
33.3%	33.3% #784807	RGB 120 72 7	#784807
50.0%	50.0% #89520B	RGB 137 82 11	#89520B
66.7%	66.7% #995B0E	RGB 153 91 14	#995B0E
83.3%	83.3% #A96512	RGB 169 101 18	#A96512
100.0%	100.0% #BA6F16	RGB 186 111 22	#BA6F16

#583500 #683E03 #784807 #89520B #995B0E #A96512 #BA6F16

#583500 - #BA6F16

Mezcla HSV

#583500 - #BA6F16 | 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 #583500 como 0% y #BA6F16 como 100%.

0.0%	0.0% #583500	RGB 88 53 0	#583500
16.7%	16.7% #683E02	RGB 104 62 2	#683E02
33.3%	33.3% #784804	RGB 120 72 4	#784804
50.0%	50.0% #895108	RGB 137 81 8	#895108
66.7%	66.7% #995B0C	RGB 153 91 12	#995B0C
83.3%	83.3% #A96510	RGB 169 101 16	#A96510
100.0%	100.0% #BA6F16	RGB 186 111 22	#BA6F16

#583500 #683E02 #784804 #895108 #995B0C #A96510 #BA6F16

#583500 - #895108 - #BA6F16

Códigos CSS

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

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