#6BDCAE - #1E3E31 | 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 #6BDCAE a #1E3E31

#6BDCAE #1E3E31

Calcule el color entre dos colores, #6BDCAE y #1E3E31. 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)

#6BDCAE - #1E3E31 | 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 #6BDCAE como 0% y #1E3E31 como 100%.

0.0%	0.0% #6BDCAE	RGB 107 220 174	#6BDCAE
16.7%	16.7% #5EC199	RGB 94 193 153	#5EC199
33.3%	33.3% #51A784	RGB 81 167 132	#51A784
50.0%	50.0% #448D6F	RGB 68 141 111	#448D6F
66.7%	66.7% #37725A	RGB 55 114 90	#37725A
83.3%	83.3% #2A5845	RGB 42 88 69	#2A5845
100.0%	100.0% #1E3E31	RGB 30 62 49	#1E3E31

#6BDCAE #5EC199 #51A784 #448D6F #37725A #2A5845 #1E3E31

#6BDCAE - #1E3E31

Mezcla HSV

#6BDCAE - #1E3E31 | 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 #6BDCAE como 0% y #1E3E31 como 100%.

0.0%	0.0% #6BDCAE	RGB 107 220 174	#6BDCAE
16.7%	16.7% #5EC199	RGB 94 193 153	#5EC199
33.3%	33.3% #51A784	RGB 81 167 132	#51A784
50.0%	50.0% #448D6F	RGB 68 141 111	#448D6F
66.7%	66.7% #37725A	RGB 55 114 90	#37725A
83.3%	83.3% #2A5845	RGB 42 88 69	#2A5845
100.0%	100.0% #1E3E31	RGB 30 62 49	#1E3E31

#6BDCAE #5EC199 #51A784 #448D6F #37725A #2A5845 #1E3E31

#6BDCAE - #448D6F - #1E3E31

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6BDCAE 0%, #448D6F 50%, #1E3E31 100%);
    background: -webkit-linear-gradient(top, #6BDCAE 0%, #448D6F 50%, #1E3E31 100%);
    background: linear-gradient(to bottom, #6BDCAE 0%, #448D6F 50%, #1E3E31 100%);
}
</style>