#00963E - #4FF2D9 | 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 #00963E a #4FF2D9

#00963E #4FF2D9

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

#00963E - #4FF2D9 | 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 #00963E como 0% y #4FF2D9 como 100%.

0.0%	0.0% #00963E	RGB 0 150 62	#00963E
16.7%	16.7% #0DA557	RGB 13 165 87	#0DA557
33.3%	33.3% #1AB471	RGB 26 180 113	#1AB471
50.0%	50.0% #27C48B	RGB 39 196 139	#27C48B
66.7%	66.7% #34D3A5	RGB 52 211 165	#34D3A5
83.3%	83.3% #41E2BF	RGB 65 226 191	#41E2BF
100.0%	100.0% #4FF2D9	RGB 79 242 217	#4FF2D9

#00963E #0DA557 #1AB471 #27C48B #34D3A5 #41E2BF #4FF2D9

#00963E - #4FF2D9

Mezcla HSV

#00963E - #4FF2D9 | 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 #00963E como 0% y #4FF2D9 como 100%.

0.0%	0.0% #00963D	RGB 0 150 61	#00963D
16.7%	16.7% #08A554	RGB 8 165 84	#08A554
33.3%	33.3% #13B46D	RGB 19 180 109	#13B46D
50.0%	50.0% #1FC487	RGB 31 196 135	#1FC487
66.7%	66.7% #2DD3A2	RGB 45 211 162	#2DD3A2
83.3%	83.3% #3DE2BD	RGB 61 226 189	#3DE2BD
100.0%	100.0% #4FF2D9	RGB 79 242 217	#4FF2D9

#00963D #08A554 #13B46D #1FC487 #2DD3A2 #3DE2BD #4FF2D9

#00963E - #1FC487 - #4FF2D9

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00963D 0%, #1FC487 50%, #4FF2D9 100%);
    background: -webkit-linear-gradient(top, #00963D 0%, #1FC487 50%, #4FF2D9 100%);
    background: linear-gradient(to bottom, #00963D 0%, #1FC487 50%, #4FF2D9 100%);
}
</style>