#009600 - #4FF294 | 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 #009600 a #4FF294

#009600 #4FF294

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

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

0.0%	0.0% #009600	RGB 0 150 0	#009600
16.7%	16.7% #0DA518	RGB 13 165 24	#0DA518
33.3%	33.3% #1AB431	RGB 26 180 49	#1AB431
50.0%	50.0% #27C44A	RGB 39 196 74	#27C44A
66.7%	66.7% #34D362	RGB 52 211 98	#34D362
83.3%	83.3% #41E27B	RGB 65 226 123	#41E27B
100.0%	100.0% #4FF294	RGB 79 242 148	#4FF294

#009600 #0DA518 #1AB431 #27C44A #34D362 #41E27B #4FF294

#009600 - #4FF294

Mezcla HSV

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

0.0%	0.0% #009600	RGB 0 150 0	#009600
16.7%	16.7% #08A514	RGB 8 165 20	#08A514
33.3%	33.3% #13B42A	RGB 19 180 42	#13B42A
50.0%	50.0% #1FC442	RGB 31 196 66	#1FC442
66.7%	66.7% #2DD35C	RGB 45 211 92	#2DD35C
83.3%	83.3% #3DE277	RGB 61 226 119	#3DE277
100.0%	100.0% #4FF294	RGB 79 242 148	#4FF294

#009600 #08A514 #13B42A #1FC442 #2DD35C #3DE277 #4FF294

#009600 - #1FC442 - #4FF294

Códigos CSS

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

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