#4D1425 - #16060A | 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 #4D1425 a #16060A

#4D1425 #16060A

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

#4D1425 - #16060A | 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 #4D1425 como 0% y #16060A como 100%.

0.0%	0.0% #4D1425	RGB 77 20 37	#4D1425
16.7%	16.7% #431120	RGB 67 17 32	#431120
33.3%	33.3% #3A0F1C	RGB 58 15 28	#3A0F1C
50.0%	50.0% #310D17	RGB 49 13 23	#310D17
66.7%	66.7% #280A13	RGB 40 10 19	#280A13
83.3%	83.3% #1F080E	RGB 31 8 14	#1F080E
100.0%	100.0% #16060A	RGB 22 6 10	#16060A

#4D1425 #431120 #3A0F1C #310D17 #280A13 #1F080E #16060A

#4D1425 - #16060A

Mezcla HSV

#4D1425 - #16060A | 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 #4D1425 como 0% y #16060A como 100%.

0.0%	0.0% #4D1324	RGB 77 19 36	#4D1324
16.7%	16.7% #431120	RGB 67 17 32	#431120
33.3%	33.3% #3A0F1B	RGB 58 15 27	#3A0F1B
50.0%	50.0% #310D17	RGB 49 13 23	#310D17
66.7%	66.7% #280A12	RGB 40 10 18	#280A12
83.3%	83.3% #1F080E	RGB 31 8 14	#1F080E
100.0%	100.0% #16060A	RGB 22 6 10	#16060A

#4D1324 #431120 #3A0F1B #310D17 #280A12 #1F080E #16060A

#4D1425 - #310D17 - #16060A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D1324 0%, #310D17 50%, #16060A 100%);
    background: -webkit-linear-gradient(top, #4D1324 0%, #310D17 50%, #16060A 100%);
    background: linear-gradient(to bottom, #4D1324 0%, #310D17 50%, #16060A 100%);
}
</style>