#346D6D - #8EB687 | 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 #346D6D a #8EB687

#346D6D #8EB687

Calcule el color entre dos colores, #346D6D y #8EB687. 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)

#346D6D - #8EB687 | 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 #346D6D como 0% y #8EB687 como 100%.

0.0%	0.0% #346D6D	RGB 52 109 109	#346D6D
16.7%	16.7% #437971	RGB 67 121 113	#437971
33.3%	33.3% #528575	RGB 82 133 117	#528575
50.0%	50.0% #61917A	RGB 97 145 122	#61917A
66.7%	66.7% #709D7E	RGB 112 157 126	#709D7E
83.3%	83.3% #7FA982	RGB 127 169 130	#7FA982
100.0%	100.0% #8EB687	RGB 142 182 135	#8EB687

#346D6D #437971 #528575 #61917A #709D7E #7FA982 #8EB687

#346D6D - #8EB687

Mezcla HSV

#346D6D - #8EB687 | 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 #346D6D como 0% y #8EB687 como 100%.

0.0%	0.0% #346D6D	RGB 52 109 109	#346D6D
16.7%	16.7% #3F796E	RGB 63 121 110	#3F796E
33.3%	33.3% #4B856F	RGB 75 133 111	#4B856F
50.0%	50.0% #589170	RGB 88 145 112	#589170
66.7%	66.7% #679D73	RGB 103 157 115	#679D73
83.3%	83.3% #76A978	RGB 118 169 120	#76A978
100.0%	100.0% #8EB687	RGB 142 182 135	#8EB687

#346D6D #3F796E #4B856F #589170 #679D73 #76A978 #8EB687

#346D6D - #589170 - #8EB687

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #346D6D 0%, #589170 50%, #8EB687 100%);
    background: -webkit-linear-gradient(top, #346D6D 0%, #589170 50%, #8EB687 100%);
    background: linear-gradient(to bottom, #346D6D 0%, #589170 50%, #8EB687 100%);
}
</style>