#210C12 - #5E3E45 | 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 #210C12 a #5E3E45

#210C12 #5E3E45

Calcule el color entre dos colores, #210C12 y #5E3E45. 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)

#210C12 - #5E3E45 | 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 #210C12 como 0% y #5E3E45 como 100%.

0.0%	0.0% #210C12	RGB 33 12 18	#210C12
16.7%	16.7% #2B141A	RGB 43 20 26	#2B141A
33.3%	33.3% #351C23	RGB 53 28 35	#351C23
50.0%	50.0% #3F252B	RGB 63 37 43	#3F252B
66.7%	66.7% #492D34	RGB 73 45 52	#492D34
83.3%	83.3% #53353C	RGB 83 53 60	#53353C
100.0%	100.0% #5E3E45	RGB 94 62 69	#5E3E45

#210C12 #2B141A #351C23 #3F252B #492D34 #53353C #5E3E45

#210C12 - #5E3E45

Mezcla HSV

#210C12 - #5E3E45 | 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 #210C12 como 0% y #5E3E45 como 100%.

0.0%	0.0% #210C12	RGB 33 12 18	#210C12
16.7%	16.7% #2B1118	RGB 43 17 24	#2B1118
33.3%	33.3% #351820	RGB 53 24 32	#351820
50.0%	50.0% #3F2028	RGB 63 32 40	#3F2028
66.7%	66.7% #492931	RGB 73 41 49	#492931
83.3%	83.3% #53333A	RGB 83 51 58	#53333A
100.0%	100.0% #5E3E45	RGB 94 62 69	#5E3E45

#210C12 #2B1118 #351820 #3F2028 #492931 #53333A #5E3E45

#210C12 - #3F2028 - #5E3E45

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #210C12 0%, #3F2028 50%, #5E3E45 100%);
    background: -webkit-linear-gradient(top, #210C12 0%, #3F2028 50%, #5E3E45 100%);
    background: linear-gradient(to bottom, #210C12 0%, #3F2028 50%, #5E3E45 100%);
}
</style>