#4D5E3E - #AB8FA4 | 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 #4D5E3E a #AB8FA4

#4D5E3E #AB8FA4

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

#4D5E3E - #AB8FA4 | 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 #4D5E3E como 0% y #AB8FA4 como 100%.

0.0%	0.0% #4D5E3E	RGB 77 94 62	#4D5E3E
16.7%	16.7% #5C664F	RGB 92 102 79	#5C664F
33.3%	33.3% #6C6E60	RGB 108 110 96	#6C6E60
50.0%	50.0% #7C7671	RGB 124 118 113	#7C7671
66.7%	66.7% #8B7E82	RGB 139 126 130	#8B7E82
83.3%	83.3% #9B8693	RGB 155 134 147	#9B8693
100.0%	100.0% #AB8FA4	RGB 171 143 164	#AB8FA4

#4D5E3E #5C664F #6C6E60 #7C7671 #8B7E82 #9B8693 #AB8FA4

#4D5E3E - #AB8FA4

Mezcla HSV

#4D5E3E - #AB8FA4 | 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 #4D5E3E como 0% y #AB8FA4 como 100%.

0.0%	0.0% #4D5E3E	RGB 77 94 62	#4D5E3E
16.7%	16.7% #656A49	RGB 101 106 73	#656A49
33.3%	33.3% #776F55	RGB 119 111 85	#776F55
50.0%	50.0% #847063	RGB 132 112 99	#847063
66.7%	66.7% #917170	RGB 145 113 112	#917170
83.3%	83.3% #9E7F8A	RGB 158 127 138	#9E7F8A
100.0%	100.0% #AB8FA4	RGB 171 143 164	#AB8FA4

#4D5E3E #656A49 #776F55 #847063 #917170 #9E7F8A #AB8FA4

#4D5E3E - #847063 - #AB8FA4

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D5E3E 0%, #847063 50%, #AB8FA4 100%);
    background: -webkit-linear-gradient(top, #4D5E3E 0%, #847063 50%, #AB8FA4 100%);
    background: linear-gradient(to bottom, #4D5E3E 0%, #847063 50%, #AB8FA4 100%);
}
</style>