#4A8561 - #144B30 | 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 #4A8561 a #144B30

#4A8561 #144B30

Calcule el color entre dos colores, #4A8561 y #144B30. 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)

#4A8561 - #144B30 | 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 #4A8561 como 0% y #144B30 como 100%.

0.0%	0.0% #4A8561	RGB 74 133 97	#4A8561
16.7%	16.7% #417B58	RGB 65 123 88	#417B58
33.3%	33.3% #387150	RGB 56 113 80	#387150
50.0%	50.0% #2F6848	RGB 47 104 72	#2F6848
66.7%	66.7% #265E40	RGB 38 94 64	#265E40
83.3%	83.3% #1D5438	RGB 29 84 56	#1D5438
100.0%	100.0% #144B30	RGB 20 75 48	#144B30

#4A8561 #417B58 #387150 #2F6848 #265E40 #1D5438 #144B30

#4A8561 - #144B30

Mezcla HSV

#4A8561 - #144B30 | 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 #4A8561 como 0% y #144B30 como 100%.

0.0%	0.0% #4A8561	RGB 74 133 97	#4A8561
16.7%	16.7% #3E7B57	RGB 62 123 87	#3E7B57
33.3%	33.3% #34714E	RGB 52 113 78	#34714E
50.0%	50.0% #2A6846	RGB 42 104 70	#2A6846
66.7%	66.7% #225E3E	RGB 34 94 62	#225E3E
83.3%	83.3% #1A5437	RGB 26 84 55	#1A5437
100.0%	100.0% #144B30	RGB 20 75 48	#144B30

#4A8561 #3E7B57 #34714E #2A6846 #225E3E #1A5437 #144B30

#4A8561 - #2A6846 - #144B30

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A8561 0%, #2A6846 50%, #144B30 100%);
    background: -webkit-linear-gradient(top, #4A8561 0%, #2A6846 50%, #144B30 100%);
    background: linear-gradient(to bottom, #4A8561 0%, #2A6846 50%, #144B30 100%);
}
</style>