#C94A00 - #5E2C0C | 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 #C94A00 a #5E2C0C

#C94A00 #5E2C0C

Calcule el color entre dos colores, #C94A00 y #5E2C0C. 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)

#C94A00 - #5E2C0C | 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 #C94A00 como 0% y #5E2C0C como 100%.

0.0%	0.0% #C94A00	RGB 201 74 0	#C94A00
16.7%	16.7% #B74502	RGB 183 69 2	#B74502
33.3%	33.3% #A54004	RGB 165 64 4	#A54004
50.0%	50.0% #933B06	RGB 147 59 6	#933B06
66.7%	66.7% #813608	RGB 129 54 8	#813608
83.3%	83.3% #6F310A	RGB 111 49 10	#6F310A
100.0%	100.0% #5E2C0C	RGB 94 44 12	#5E2C0C

#C94A00 #B74502 #A54004 #933B06 #813608 #6F310A #5E2C0C

#C94A00 - #5E2C0C

Mezcla HSV

#C94A00 - #5E2C0C | 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 #C94A00 como 0% y #5E2C0C como 100%.

0.0%	0.0% #C94A00	RGB 201 74 0	#C94A00
16.7%	16.7% #B74603	RGB 183 70 3	#B74603
33.3%	33.3% #A54207	RGB 165 66 7	#A54207
50.0%	50.0% #933D09	RGB 147 61 9	#933D09
66.7%	66.7% #81380B	RGB 129 56 11	#81380B
83.3%	83.3% #6F320B	RGB 111 50 11	#6F320B
100.0%	100.0% #5E2C0C	RGB 94 44 12	#5E2C0C

#C94A00 #B74603 #A54207 #933D09 #81380B #6F320B #5E2C0C

#C94A00 - #933D09 - #5E2C0C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C94A00 0%, #933D09 50%, #5E2C0C 100%);
    background: -webkit-linear-gradient(top, #C94A00 0%, #933D09 50%, #5E2C0C 100%);
    background: linear-gradient(to bottom, #C94A00 0%, #933D09 50%, #5E2C0C 100%);
}
</style>