#AB162B - #3D0911 | 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 #AB162B a #3D0911

#AB162B #3D0911

Calcule el color entre dos colores, #AB162B y #3D0911. 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)

#AB162B - #3D0911 | 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 #AB162B como 0% y #3D0911 como 100%.

0.0%	0.0% #AB162B	RGB 171 22 43	#AB162B
16.7%	16.7% #981326	RGB 152 19 38	#981326
33.3%	33.3% #861122	RGB 134 17 34	#861122
50.0%	50.0% #740F1E	RGB 116 15 30	#740F1E
66.7%	66.7% #610D19	RGB 97 13 25	#610D19
83.3%	83.3% #4F0B15	RGB 79 11 21	#4F0B15
100.0%	100.0% #3D0911	RGB 61 9 17	#3D0911

#AB162B #981326 #861122 #740F1E #610D19 #4F0B15 #3D0911

#AB162B - #3D0911

Mezcla HSV

#AB162B - #3D0911 | 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 #AB162B como 0% y #3D0911 como 100%.

0.0%	0.0% #AB152B	RGB 171 21 43	#AB152B
16.7%	16.7% #981427	RGB 152 20 39	#981427
33.3%	33.3% #861223	RGB 134 18 35	#861223
50.0%	50.0% #74101E	RGB 116 16 30	#74101E
66.7%	66.7% #610D1A	RGB 97 13 26	#610D1A
83.3%	83.3% #4F0B15	RGB 79 11 21	#4F0B15
100.0%	100.0% #3D0911	RGB 61 9 17	#3D0911

#AB152B #981427 #861223 #74101E #610D1A #4F0B15 #3D0911

#AB162B - #74101E - #3D0911

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AB152B 0%, #74101E 50%, #3D0911 100%);
    background: -webkit-linear-gradient(top, #AB152B 0%, #74101E 50%, #3D0911 100%);
    background: linear-gradient(to bottom, #AB152B 0%, #74101E 50%, #3D0911 100%);
}
</style>