#122F2F - #367057 | 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 #122F2F a #367057

#122F2F #367057

Calcule el color entre dos colores, #122F2F y #367057. 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)

#122F2F - #367057 | 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 #122F2F como 0% y #367057 como 100%.

0.0%	0.0% #122F2F	RGB 18 47 47	#122F2F
16.7%	16.7% #183935	RGB 24 57 53	#183935
33.3%	33.3% #1E443C	RGB 30 68 60	#1E443C
50.0%	50.0% #244F43	RGB 36 79 67	#244F43
66.7%	66.7% #2A5A49	RGB 42 90 73	#2A5A49
83.3%	83.3% #306550	RGB 48 101 80	#306550
100.0%	100.0% #367057	RGB 54 112 87	#367057

#122F2F #183935 #1E443C #244F43 #2A5A49 #306550 #367057

#122F2F - #367057

Mezcla HSV

#122F2F - #367057 | 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 #122F2F como 0% y #367057 como 100%.

0.0%	0.0% #122F2F	RGB 18 47 47	#122F2F
16.7%	16.7% #173937	RGB 23 57 55	#173937
33.3%	33.3% #1C443E	RGB 28 68 62	#1C443E
50.0%	50.0% #224F45	RGB 34 79 69	#224F45
66.7%	66.7% #285A4C	RGB 40 90 76	#285A4C
83.3%	83.3% #2F6551	RGB 47 101 81	#2F6551
100.0%	100.0% #367057	RGB 54 112 87	#367057

#122F2F #173937 #1C443E #224F45 #285A4C #2F6551 #367057

#122F2F - #224F45 - #367057

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #122F2F 0%, #224F45 50%, #367057 100%);
    background: -webkit-linear-gradient(top, #122F2F 0%, #224F45 50%, #367057 100%);
    background: linear-gradient(to bottom, #122F2F 0%, #224F45 50%, #367057 100%);
}
</style>