#A60D0D - #4C100B | 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 #A60D0D a #4C100B

#A60D0D #4C100B

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

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

0.0%	0.0% #A60D0D	RGB 166 13 13	#A60D0D
16.7%	16.7% #970D0C	RGB 151 13 12	#970D0C
33.3%	33.3% #880E0C	RGB 136 14 12	#880E0C
50.0%	50.0% #790E0C	RGB 121 14 12	#790E0C
66.7%	66.7% #6A0F0B	RGB 106 15 11	#6A0F0B
83.3%	83.3% #5B0F0B	RGB 91 15 11	#5B0F0B
100.0%	100.0% #4C100B	RGB 76 16 11	#4C100B

#A60D0D #970D0C #880E0C #790E0C #6A0F0B #5B0F0B #4C100B

#A60D0D - #4C100B

Mezcla HSV

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

0.0%	0.0% #A60C0C	RGB 166 12 12	#A60C0C
16.7%	16.7% #970F0D	RGB 151 15 13	#970F0D
33.3%	33.3% #88100D	RGB 136 16 13	#88100D
50.0%	50.0% #79110D	RGB 121 17 13	#79110D
66.7%	66.7% #6A110C	RGB 106 17 12	#6A110C
83.3%	83.3% #5B110C	RGB 91 17 12	#5B110C
100.0%	100.0% #4C100B	RGB 76 16 11	#4C100B

#A60C0C #970F0D #88100D #79110D #6A110C #5B110C #4C100B

#A60D0D - #79110D - #4C100B

Códigos CSS

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

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