#4AAB5E - #156935 | 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 #4AAB5E a #156935

#4AAB5E #156935

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

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

0.0%	0.0% #4AAB5E	RGB 74 171 94	#4AAB5E
16.7%	16.7% #41A057	RGB 65 160 87	#41A057
33.3%	33.3% #389550	RGB 56 149 80	#389550
50.0%	50.0% #2F8A49	RGB 47 138 73	#2F8A49
66.7%	66.7% #267F42	RGB 38 127 66	#267F42
83.3%	83.3% #1D743B	RGB 29 116 59	#1D743B
100.0%	100.0% #156935	RGB 21 105 53	#156935

#4AAB5E #41A057 #389550 #2F8A49 #267F42 #1D743B #156935

#4AAB5E - #156935

Mezcla HSV

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

0.0%	0.0% #4AAB5E	RGB 74 171 94	#4AAB5E
16.7%	16.7% #3FA055	RGB 63 160 85	#3FA055
33.3%	33.3% #34954E	RGB 52 149 78	#34954E
50.0%	50.0% #2B8A47	RGB 43 138 71	#2B8A47
66.7%	66.7% #237F40	RGB 35 127 64	#237F40
83.3%	83.3% #1B743A	RGB 27 116 58	#1B743A
100.0%	100.0% #156935	RGB 21 105 53	#156935

#4AAB5E #3FA055 #34954E #2B8A47 #237F40 #1B743A #156935

#4AAB5E - #2B8A47 - #156935

Códigos CSS

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

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