#2A2B23 - #151D00 | 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 #2A2B23 a #151D00

#2A2B23 #151D00

Calcule el color entre dos colores, #2A2B23 y #151D00. 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)

#2A2B23 - #151D00 | 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 #2A2B23 como 0% y #151D00 como 100%.

0.0%	0.0% #2A2B23	RGB 42 43 35	#2A2B23
16.7%	16.7% #26281D	RGB 38 40 29	#26281D
33.3%	33.3% #232617	RGB 35 38 23	#232617
50.0%	50.0% #1F2411	RGB 31 36 17	#1F2411
66.7%	66.7% #1C210B	RGB 28 33 11	#1C210B
83.3%	83.3% #181F05	RGB 24 31 5	#181F05
100.0%	100.0% #151D00	RGB 21 29 0	#151D00

#2A2B23 #26281D #232617 #1F2411 #1C210B #181F05 #151D00

#2A2B23 - #151D00

Mezcla HSV

#2A2B23 - #151D00 | 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 #2A2B23 como 0% y #151D00 como 100%.

0.0%	0.0% #2A2B23	RGB 42 43 35	#2A2B23
16.7%	16.7% #26281B	RGB 38 40 27	#26281B
33.3%	33.3% #232614	RGB 35 38 20	#232614
50.0%	50.0% #1F240E	RGB 31 36 14	#1F240E
66.7%	66.7% #1C2109	RGB 28 33 9	#1C2109
83.3%	83.3% #181F04	RGB 24 31 4	#181F04
100.0%	100.0% #151D00	RGB 21 29 0	#151D00

#2A2B23 #26281B #232614 #1F240E #1C2109 #181F04 #151D00

#2A2B23 - #1F240E - #151D00

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2A2B23 0%, #1F240E 50%, #151D00 100%);
    background: -webkit-linear-gradient(top, #2A2B23 0%, #1F240E 50%, #151D00 100%);
    background: linear-gradient(to bottom, #2A2B23 0%, #1F240E 50%, #151D00 100%);
}
</style>