#2B2D2B - #5E8C5B | 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 #2B2D2B a #5E8C5B

#2B2D2B #5E8C5B

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

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

0.0%	0.0% #2B2D2B	RGB 43 45 43	#2B2D2B
16.7%	16.7% #333C33	RGB 51 60 51	#333C33
33.3%	33.3% #3C4C3B	RGB 60 76 59	#3C4C3B
50.0%	50.0% #445C43	RGB 68 92 67	#445C43
66.7%	66.7% #4D6C4B	RGB 77 108 75	#4D6C4B
83.3%	83.3% #557C53	RGB 85 124 83	#557C53
100.0%	100.0% #5E8C5B	RGB 94 140 91	#5E8C5B

#2B2D2B #333C33 #3C4C3B #445C43 #4D6C4B #557C53 #5E8C5B

#2B2D2B - #5E8C5B

Mezcla HSV

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

0.0%	0.0% #2B2D2B	RGB 43 45 43	#2B2D2B
16.7%	16.7% #373C37	RGB 55 60 55	#373C37
33.3%	33.3% #414C41	RGB 65 76 65	#414C41
50.0%	50.0% #4A5C4A	RGB 74 92 74	#4A5C4A
66.7%	66.7% #526C51	RGB 82 108 81	#526C51
83.3%	83.3% #587C57	RGB 88 124 87	#587C57
100.0%	100.0% #5E8C5B	RGB 94 140 91	#5E8C5B

#2B2D2B #373C37 #414C41 #4A5C4A #526C51 #587C57 #5E8C5B

#2B2D2B - #4A5C4A - #5E8C5B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B2D2B 0%, #4A5C4A 50%, #5E8C5B 100%);
    background: -webkit-linear-gradient(top, #2B2D2B 0%, #4A5C4A 50%, #5E8C5B 100%);
    background: linear-gradient(to bottom, #2B2D2B 0%, #4A5C4A 50%, #5E8C5B 100%);
}
</style>