#A62800 - #2F0A00 | 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 #A62800 a #2F0A00

#A62800 #2F0A00

Calcule el color entre dos colores, #A62800 y #2F0A00. 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)

#A62800 - #2F0A00 | 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 #A62800 como 0% y #2F0A00 como 100%.

0.0%	0.0% #A62800	RGB 166 40 0	#A62800
16.7%	16.7% #922300	RGB 146 35 0	#922300
33.3%	33.3% #7E1E00	RGB 126 30 0	#7E1E00
50.0%	50.0% #6A1900	RGB 106 25 0	#6A1900
66.7%	66.7% #561400	RGB 86 20 0	#561400
83.3%	83.3% #420F00	RGB 66 15 0	#420F00
100.0%	100.0% #2F0A00	RGB 47 10 0	#2F0A00

#A62800 #922300 #7E1E00 #6A1900 #561400 #420F00 #2F0A00

#A62800 - #2F0A00

Mezcla HSV

#A62800 - #2F0A00 | 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 #A62800 como 0% y #2F0A00 como 100%.

0.0%	0.0% #A62800	RGB 166 40 0	#A62800
16.7%	16.7% #922200	RGB 146 34 0	#922200
33.3%	33.3% #7E1D00	RGB 126 29 0	#7E1D00
50.0%	50.0% #6A1800	RGB 106 24 0	#6A1800
66.7%	66.7% #561300	RGB 86 19 0	#561300
83.3%	83.3% #420E00	RGB 66 14 0	#420E00
100.0%	100.0% #2F0A00	RGB 47 10 0	#2F0A00

#A62800 #922200 #7E1D00 #6A1800 #561300 #420E00 #2F0A00

#A62800 - #6A1800 - #2F0A00

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A62800 0%, #6A1800 50%, #2F0A00 100%);
    background: -webkit-linear-gradient(top, #A62800 0%, #6A1800 50%, #2F0A00 100%);
    background: linear-gradient(to bottom, #A62800 0%, #6A1800 50%, #2F0A00 100%);
}
</style>