#3E5E3C - #64CF60 | 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 #3E5E3C a #64CF60

#3E5E3C #64CF60

Calcule el color entre dos colores, #3E5E3C y #64CF60. 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)

#3E5E3C - #64CF60 | 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 #3E5E3C como 0% y #64CF60 como 100%.

0.0%	0.0% #3E5E3C	RGB 62 94 60	#3E5E3C
16.7%	16.7% #447042	RGB 68 112 66	#447042
33.3%	33.3% #4A8348	RGB 74 131 72	#4A8348
50.0%	50.0% #51964E	RGB 81 150 78	#51964E
66.7%	66.7% #57A954	RGB 87 169 84	#57A954
83.3%	83.3% #5DBC5A	RGB 93 188 90	#5DBC5A
100.0%	100.0% #64CF60	RGB 100 207 96	#64CF60

#3E5E3C #447042 #4A8348 #51964E #57A954 #5DBC5A #64CF60

#3E5E3C - #64CF60

Mezcla HSV

#3E5E3C - #64CF60 | 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 #3E5E3C como 0% y #64CF60 como 100%.

0.0%	0.0% #3E5E3C	RGB 62 94 60	#3E5E3C
16.7%	16.7% #477044	RGB 71 112 68	#477044
33.3%	33.3% #4F834C	RGB 79 131 76	#4F834C
50.0%	50.0% #569652	RGB 86 150 82	#569652
66.7%	66.7% #5BA958	RGB 91 169 88	#5BA958
83.3%	83.3% #60BC5C	RGB 96 188 92	#60BC5C
100.0%	100.0% #64CF60	RGB 100 207 96	#64CF60

#3E5E3C #477044 #4F834C #569652 #5BA958 #60BC5C #64CF60

#3E5E3C - #569652 - #64CF60

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5E3C 0%, #569652 50%, #64CF60 100%);
    background: -webkit-linear-gradient(top, #3E5E3C 0%, #569652 50%, #64CF60 100%);
    background: linear-gradient(to bottom, #3E5E3C 0%, #569652 50%, #64CF60 100%);
}
</style>