#4D1436 - #16060F | 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 #4D1436 a #16060F

#4D1436 #16060F

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

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

0.0%	0.0% #4D1436	RGB 77 20 54	#4D1436
16.7%	16.7% #43112F	RGB 67 17 47	#43112F
33.3%	33.3% #3A0F29	RGB 58 15 41	#3A0F29
50.0%	50.0% #310D22	RGB 49 13 34	#310D22
66.7%	66.7% #280A1C	RGB 40 10 28	#280A1C
83.3%	83.3% #1F0815	RGB 31 8 21	#1F0815
100.0%	100.0% #16060F	RGB 22 6 15	#16060F

#4D1436 #43112F #3A0F29 #310D22 #280A1C #1F0815 #16060F

#4D1436 - #16060F

Mezcla HSV

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

0.0%	0.0% #4D1335	RGB 77 19 53	#4D1335
16.7%	16.7% #43112F	RGB 67 17 47	#43112F
33.3%	33.3% #3A0F28	RGB 58 15 40	#3A0F28
50.0%	50.0% #310D22	RGB 49 13 34	#310D22
66.7%	66.7% #280A1B	RGB 40 10 27	#280A1B
83.3%	83.3% #1F0815	RGB 31 8 21	#1F0815
100.0%	100.0% #16060F	RGB 22 6 15	#16060F

#4D1335 #43112F #3A0F28 #310D22 #280A1B #1F0815 #16060F

#4D1436 - #310D22 - #16060F

Códigos CSS

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

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