#D35500 - #8C3C0C | 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 #D35500 a #8C3C0C

#D35500 #8C3C0C

Calcule el color entre dos colores, #D35500 y #8C3C0C. 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)

#D35500 - #8C3C0C | 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 #D35500 como 0% y #8C3C0C como 100%.

0.0%	0.0% #D35500	RGB 211 85 0	#D35500
16.7%	16.7% #C75002	RGB 199 80 2	#C75002
33.3%	33.3% #BB4C04	RGB 187 76 4	#BB4C04
50.0%	50.0% #AF4806	RGB 175 72 6	#AF4806
66.7%	66.7% #A34408	RGB 163 68 8	#A34408
83.3%	83.3% #97400A	RGB 151 64 10	#97400A
100.0%	100.0% #8C3C0C	RGB 140 60 12	#8C3C0C

#D35500 #C75002 #BB4C04 #AF4806 #A34408 #97400A #8C3C0C

#D35500 - #8C3C0C

Mezcla HSV

#D35500 - #8C3C0C | 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 #D35500 como 0% y #8C3C0C como 100%.

0.0%	0.0% #D35500	RGB 211 85 0	#D35500
16.7%	16.7% #C75102	RGB 199 81 2	#C75102
33.3%	33.3% #BB4C05	RGB 187 76 5	#BB4C05
50.0%	50.0% #AF4807	RGB 175 72 7	#AF4807
66.7%	66.7% #A34409	RGB 163 68 9	#A34409
83.3%	83.3% #97400A	RGB 151 64 10	#97400A
100.0%	100.0% #8C3C0C	RGB 140 60 12	#8C3C0C

#D35500 #C75102 #BB4C05 #AF4807 #A34409 #97400A #8C3C0C

#D35500 - #AF4807 - #8C3C0C

Códigos CSS

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

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