#4AB28C - #018049 | 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 #4AB28C a #018049

#4AB28C #018049

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

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

0.0%	0.0% #4AB28C	RGB 74 178 140	#4AB28C
16.7%	16.7% #3DA980	RGB 61 169 128	#3DA980
33.3%	33.3% #31A175	RGB 49 161 117	#31A175
50.0%	50.0% #25996A	RGB 37 153 106	#25996A
66.7%	66.7% #19905F	RGB 25 144 95	#19905F
83.3%	83.3% #0D8854	RGB 13 136 84	#0D8854
100.0%	100.0% #018049	RGB 1 128 73	#018049

#4AB28C #3DA980 #31A175 #25996A #19905F #0D8854 #018049

#4AB28C - #018049

Mezcla HSV

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

0.0%	0.0% #4AB28C	RGB 74 178 140	#4AB28C
16.7%	16.7% #3BA97F	RGB 59 169 127	#3BA97F
33.3%	33.3% #2DA174	RGB 45 161 116	#2DA174
50.0%	50.0% #209968	RGB 32 153 104	#209968
66.7%	66.7% #14905D	RGB 20 144 93	#14905D
83.3%	83.3% #0A8853	RGB 10 136 83	#0A8853
100.0%	100.0% #018049	RGB 1 128 73	#018049

#4AB28C #3BA97F #2DA174 #209968 #14905D #0A8853 #018049

#4AB28C - #209968 - #018049

Códigos CSS

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

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