#3BCE7E - #01964E | 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 #3BCE7E a #01964E

#3BCE7E #01964E

Calcule el color entre dos colores, #3BCE7E y #01964E. 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)

#3BCE7E - #01964E | 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 #3BCE7E como 0% y #01964E como 100%.

0.0%	0.0% #3BCE7E	RGB 59 206 126	#3BCE7E
16.7%	16.7% #31C476	RGB 49 196 118	#31C476
33.3%	33.3% #27BB6E	RGB 39 187 110	#27BB6E
50.0%	50.0% #1EB266	RGB 30 178 102	#1EB266
66.7%	66.7% #14A85E	RGB 20 168 94	#14A85E
83.3%	83.3% #0A9F56	RGB 10 159 86	#0A9F56
100.0%	100.0% #01964E	RGB 1 150 78	#01964E

#3BCE7E #31C476 #27BB6E #1EB266 #14A85E #0A9F56 #01964E

#3BCE7E - #01964E

Mezcla HSV

#3BCE7E - #01964E | 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 #3BCE7E como 0% y #01964E como 100%.

0.0%	0.0% #3BCE7E	RGB 59 206 126	#3BCE7E
16.7%	16.7% #2FC474	RGB 47 196 116	#2FC474
33.3%	33.3% #24BB6C	RGB 36 187 108	#24BB6C
50.0%	50.0% #1AB263	RGB 26 178 99	#1AB263
66.7%	66.7% #10A85C	RGB 16 168 92	#10A85C
83.3%	83.3% #089F54	RGB 8 159 84	#089F54
100.0%	100.0% #01964E	RGB 1 150 78	#01964E

#3BCE7E #2FC474 #24BB6C #1AB263 #10A85C #089F54 #01964E

#3BCE7E - #1AB263 - #01964E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3BCE7E 0%, #1AB263 50%, #01964E 100%);
    background: -webkit-linear-gradient(top, #3BCE7E 0%, #1AB263 50%, #01964E 100%);
    background: linear-gradient(to bottom, #3BCE7E 0%, #1AB263 50%, #01964E 100%);
}
</style>