#493D3C - #121B18 | 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 #493D3C a #121B18

#493D3C #121B18

Calcule el color entre dos colores, #493D3C y #121B18. 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)

#493D3C - #121B18 | 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 #493D3C como 0% y #121B18 como 100%.

0.0%	0.0% #493D3C	RGB 73 61 60	#493D3C
16.7%	16.7% #3F3736	RGB 63 55 54	#3F3736
33.3%	33.3% #363130	RGB 54 49 48	#363130
50.0%	50.0% #2D2C2A	RGB 45 44 42	#2D2C2A
66.7%	66.7% #242624	RGB 36 38 36	#242624
83.3%	83.3% #1B201E	RGB 27 32 30	#1B201E
100.0%	100.0% #121B18	RGB 18 27 24	#121B18

#493D3C #3F3736 #363130 #2D2C2A #242624 #1B201E #121B18

#493D3C - #121B18

Mezcla HSV

#493D3C - #121B18 | 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 #493D3C como 0% y #121B18 como 100%.

0.0%	0.0% #493D3C	RGB 73 61 60	#493D3C
16.7%	16.7% #413A34	RGB 65 58 52	#413A34
33.3%	33.3% #39382C	RGB 57 56 44	#39382C
50.0%	50.0% #2D3225	RGB 45 50 37	#2D3225
66.7%	66.7% #202A1E	RGB 32 42 30	#202A1E
83.3%	83.3% #18221A	RGB 24 34 26	#18221A
100.0%	100.0% #121B18	RGB 18 27 24	#121B18

#493D3C #413A34 #39382C #2D3225 #202A1E #18221A #121B18

#493D3C - #2D3225 - #121B18

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #493D3C 0%, #2D3225 50%, #121B18 100%);
    background: -webkit-linear-gradient(top, #493D3C 0%, #2D3225 50%, #121B18 100%);
    background: linear-gradient(to bottom, #493D3C 0%, #2D3225 50%, #121B18 100%);
}
</style>