#2F5E31 - #90AB5E | 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 #2F5E31 a #90AB5E

#2F5E31 #90AB5E

Calcule el color entre dos colores, #2F5E31 y #90AB5E. 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)

#2F5E31 - #90AB5E | 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 #2F5E31 como 0% y #90AB5E como 100%.

0.0%	0.0% #2F5E31	RGB 47 94 49	#2F5E31
16.7%	16.7% #3F6A38	RGB 63 106 56	#3F6A38
33.3%	33.3% #4F7740	RGB 79 119 64	#4F7740
50.0%	50.0% #5F8447	RGB 95 132 71	#5F8447
66.7%	66.7% #6F914F	RGB 111 145 79	#6F914F
83.3%	83.3% #7F9E56	RGB 127 158 86	#7F9E56
100.0%	100.0% #90AB5E	RGB 144 171 94	#90AB5E

#2F5E31 #3F6A38 #4F7740 #5F8447 #6F914F #7F9E56 #90AB5E

#2F5E31 - #90AB5E

Mezcla HSV

#2F5E31 - #90AB5E | 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 #2F5E31 como 0% y #90AB5E como 100%.

0.0%	0.0% #2F5E31	RGB 47 94 49	#2F5E31
16.7%	16.7% #3A6A36	RGB 58 106 54	#3A6A36
33.3%	33.3% #48773D	RGB 72 119 61	#48773D
50.0%	50.0% #588445	RGB 88 132 69	#588445
66.7%	66.7% #69914D	RGB 105 145 77	#69914D
83.3%	83.3% #7C9E55	RGB 124 158 85	#7C9E55
100.0%	100.0% #90AB5E	RGB 144 171 94	#90AB5E

#2F5E31 #3A6A36 #48773D #588445 #69914D #7C9E55 #90AB5E

#2F5E31 - #588445 - #90AB5E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2F5E31 0%, #588445 50%, #90AB5E 100%);
    background: -webkit-linear-gradient(top, #2F5E31 0%, #588445 50%, #90AB5E 100%);
    background: linear-gradient(to bottom, #2F5E31 0%, #588445 50%, #90AB5E 100%);
}
</style>