#6D7979 - #154A3E | 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 #6D7979 a #154A3E

#6D7979 #154A3E

Calcule el color entre dos colores, #6D7979 y #154A3E. 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)

#6D7979 - #154A3E | 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 #6D7979 como 0% y #154A3E como 100%.

0.0%	0.0% #6D7979	RGB 109 121 121	#6D7979
16.7%	16.7% #5E716F	RGB 94 113 111	#5E716F
33.3%	33.3% #4F6965	RGB 79 105 101	#4F6965
50.0%	50.0% #41615B	RGB 65 97 91	#41615B
66.7%	66.7% #325951	RGB 50 89 81	#325951
83.3%	83.3% #235147	RGB 35 81 71	#235147
100.0%	100.0% #154A3E	RGB 21 74 62	#154A3E

#6D7979 #5E716F #4F6965 #41615B #325951 #235147 #154A3E

#6D7979 - #154A3E

Mezcla HSV

#6D7979 - #154A3E | 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 #6D7979 como 0% y #154A3E como 100%.

0.0%	0.0% #6D7979	RGB 109 121 121	#6D7979
16.7%	16.7% #5A7170	RGB 90 113 112	#5A7170
33.3%	33.3% #496966	RGB 73 105 102	#496966
50.0%	50.0% #39615C	RGB 57 97 92	#39615C
66.7%	66.7% #2B5952	RGB 43 89 82	#2B5952
83.3%	83.3% #1F5148	RGB 31 81 72	#1F5148
100.0%	100.0% #154A3E	RGB 21 74 62	#154A3E

#6D7979 #5A7170 #496966 #39615C #2B5952 #1F5148 #154A3E

#6D7979 - #39615C - #154A3E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6D7979 0%, #39615C 50%, #154A3E 100%);
    background: -webkit-linear-gradient(top, #6D7979 0%, #39615C 50%, #154A3E 100%);
    background: linear-gradient(to bottom, #6D7979 0%, #39615C 50%, #154A3E 100%);
}
</style>