#2D1515 - #5E3A46 | 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 #2D1515 a #5E3A46

#2D1515 #5E3A46

Calcule el color entre dos colores, #2D1515 y #5E3A46. 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)

#2D1515 - #5E3A46 | 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 #2D1515 como 0% y #5E3A46 como 100%.

0.0%	0.0% #2D1515	RGB 45 21 21	#2D1515
16.7%	16.7% #351B1D	RGB 53 27 29	#351B1D
33.3%	33.3% #3D2125	RGB 61 33 37	#3D2125
50.0%	50.0% #45272D	RGB 69 39 45	#45272D
66.7%	66.7% #4D2D35	RGB 77 45 53	#4D2D35
83.3%	83.3% #55333D	RGB 85 51 61	#55333D
100.0%	100.0% #5E3A46	RGB 94 58 70	#5E3A46

#2D1515 #351B1D #3D2125 #45272D #4D2D35 #55333D #5E3A46

#2D1515 - #5E3A46

Mezcla HSV

#2D1515 - #5E3A46 | 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 #2D1515 como 0% y #5E3A46 como 100%.

0.0%	0.0% #2D1515	RGB 45 21 21	#2D1515
16.7%	16.7% #351A1B	RGB 53 26 27	#351A1B
33.3%	33.3% #3D1F22	RGB 61 31 34	#3D1F22
50.0%	50.0% #45252A	RGB 69 37 42	#45252A
66.7%	66.7% #4D2C33	RGB 77 44 51	#4D2C33
83.3%	83.3% #55323C	RGB 85 50 60	#55323C
100.0%	100.0% #5E3A46	RGB 94 58 70	#5E3A46

#2D1515 #351A1B #3D1F22 #45252A #4D2C33 #55323C #5E3A46

#2D1515 - #45252A - #5E3A46

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D1515 0%, #45252A 50%, #5E3A46 100%);
    background: -webkit-linear-gradient(top, #2D1515 0%, #45252A 50%, #5E3A46 100%);
    background: linear-gradient(to bottom, #2D1515 0%, #45252A 50%, #5E3A46 100%);
}
</style>