#A60C0C - #4B100B | 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 #A60C0C a #4B100B

#A60C0C #4B100B

Calcule el color entre dos colores, #A60C0C y #4B100B. 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)

#A60C0C - #4B100B | 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 #A60C0C como 0% y #4B100B como 100%.

0.0%	0.0% #A60C0C	RGB 166 12 12	#A60C0C
16.7%	16.7% #960C0B	RGB 150 12 11	#960C0B
33.3%	33.3% #870D0B	RGB 135 13 11	#870D0B
50.0%	50.0% #780E0B	RGB 120 14 11	#780E0B
66.7%	66.7% #690E0B	RGB 105 14 11	#690E0B
83.3%	83.3% #5A0F0B	RGB 90 15 11	#5A0F0B
100.0%	100.0% #4B100B	RGB 75 16 11	#4B100B

#A60C0C #960C0B #870D0B #780E0B #690E0B #5A0F0B #4B100B

#A60C0C - #4B100B

Mezcla HSV

#A60C0C - #4B100B | 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 #A60C0C como 0% y #4B100B como 100%.

0.0%	0.0% #A60C0C	RGB 166 12 12	#A60C0C
16.7%	16.7% #960E0C	RGB 150 14 12	#960E0C
33.3%	33.3% #87100D	RGB 135 16 13	#87100D
50.0%	50.0% #78110D	RGB 120 17 13	#78110D
66.7%	66.7% #69110C	RGB 105 17 12	#69110C
83.3%	83.3% #5A110C	RGB 90 17 12	#5A110C
100.0%	100.0% #4B100B	RGB 75 16 11	#4B100B

#A60C0C #960E0C #87100D #78110D #69110C #5A110C #4B100B

#A60C0C - #78110D - #4B100B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A60C0C 0%, #78110D 50%, #4B100B 100%);
    background: -webkit-linear-gradient(top, #A60C0C 0%, #78110D 50%, #4B100B 100%);
    background: linear-gradient(to bottom, #A60C0C 0%, #78110D 50%, #4B100B 100%);
}
</style>