#6B9385 - #1F5E4C | 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 #6B9385 a #1F5E4C

#6B9385 #1F5E4C

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

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

0.0%	0.0% #6B9385	RGB 107 147 133	#6B9385
16.7%	16.7% #5E8A7B	RGB 94 138 123	#5E8A7B
33.3%	33.3% #518172	RGB 81 129 114	#518172
50.0%	50.0% #457868	RGB 69 120 104	#457868
66.7%	66.7% #386F5F	RGB 56 111 95	#386F5F
83.3%	83.3% #2B6655	RGB 43 102 85	#2B6655
100.0%	100.0% #1F5E4C	RGB 31 94 76	#1F5E4C

#6B9385 #5E8A7B #518172 #457868 #386F5F #2B6655 #1F5E4C

#6B9385 - #1F5E4C

Mezcla HSV

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

0.0%	0.0% #6B9385	RGB 107 147 133	#6B9385
16.7%	16.7% #5B8A7A	RGB 91 138 122	#5B8A7A
33.3%	33.3% #4C8170	RGB 76 129 112	#4C8170
50.0%	50.0% #3F7866	RGB 63 120 102	#3F7866
66.7%	66.7% #336F5D	RGB 51 111 93	#336F5D
83.3%	83.3% #286654	RGB 40 102 84	#286654
100.0%	100.0% #1F5E4C	RGB 31 94 76	#1F5E4C

#6B9385 #5B8A7A #4C8170 #3F7866 #336F5D #286654 #1F5E4C

#6B9385 - #3F7866 - #1F5E4C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B9385 0%, #3F7866 50%, #1F5E4C 100%);
    background: -webkit-linear-gradient(top, #6B9385 0%, #3F7866 50%, #1F5E4C 100%);
    background: linear-gradient(to bottom, #6B9385 0%, #3F7866 50%, #1F5E4C 100%);
}
</style>