#A62800 - #EE6100 | 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 #EE6100

#A62800 #EE6100

Calcule el color entre dos colores, #A62800 y #EE6100. 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 - #EE6100 | 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 #EE6100 como 100%.

0.0%	0.0% #A62800	RGB 166 40 0	#A62800
16.7%	16.7% #B23100	RGB 178 49 0	#B23100
33.3%	33.3% #BE3B00	RGB 190 59 0	#BE3B00
50.0%	50.0% #CA4400	RGB 202 68 0	#CA4400
66.7%	66.7% #D64E00	RGB 214 78 0	#D64E00
83.3%	83.3% #E25700	RGB 226 87 0	#E25700
100.0%	100.0% #EE6100	RGB 238 97 0	#EE6100

#A62800 #B23100 #BE3B00 #CA4400 #D64E00 #E25700 #EE6100

#A62800 - #EE6100

Mezcla HSV

#A62800 - #EE6100 | 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 #EE6100 como 100%.

0.0%	0.0% #A62800	RGB 166 40 0	#A62800
16.7%	16.7% #B22F00	RGB 178 47 0	#B22F00
33.3%	33.3% #BE3800	RGB 190 56 0	#BE3800
50.0%	50.0% #CA4100	RGB 202 65 0	#CA4100
66.7%	66.7% #D64B00	RGB 214 75 0	#D64B00
83.3%	83.3% #E25500	RGB 226 85 0	#E25500
100.0%	100.0% #EE6100	RGB 238 97 0	#EE6100

#A62800 #B22F00 #BE3800 #CA4100 #D64B00 #E25500 #EE6100

#A62800 - #CA4100 - #EE6100

Códigos CSS

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

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