#8BAC8C - #3E6954 | 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 #8BAC8C a #3E6954

#8BAC8C #3E6954

Calcule el color entre dos colores, #8BAC8C y #3E6954. 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)

#8BAC8C - #3E6954 | 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 #8BAC8C como 0% y #3E6954 como 100%.

0.0%	0.0% #8BAC8C	RGB 139 172 140	#8BAC8C
16.7%	16.7% #7EA082	RGB 126 160 130	#7EA082
33.3%	33.3% #719579	RGB 113 149 121	#719579
50.0%	50.0% #648A70	RGB 100 138 112	#648A70
66.7%	66.7% #577F66	RGB 87 127 102	#577F66
83.3%	83.3% #4A745D	RGB 74 116 93	#4A745D
100.0%	100.0% #3E6954	RGB 62 105 84	#3E6954

#8BAC8C #7EA082 #719579 #648A70 #577F66 #4A745D #3E6954

#8BAC8C - #3E6954

Mezcla HSV

#8BAC8C - #3E6954 | 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 #8BAC8C como 0% y #3E6954 como 100%.

0.0%	0.0% #8BAC8C	RGB 139 172 140	#8BAC8C
16.7%	16.7% #7CA080	RGB 124 160 128	#7CA080
33.3%	33.3% #6E9575	RGB 110 149 117	#6E9575
50.0%	50.0% #608A6C	RGB 96 138 108	#608A6C
66.7%	66.7% #547F63	RGB 84 127 99	#547F63
83.3%	83.3% #48745B	RGB 72 116 91	#48745B
100.0%	100.0% #3E6954	RGB 62 105 84	#3E6954

#8BAC8C #7CA080 #6E9575 #608A6C #547F63 #48745B #3E6954

#8BAC8C - #608A6C - #3E6954

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8BAC8C 0%, #608A6C 50%, #3E6954 100%);
    background: -webkit-linear-gradient(top, #8BAC8C 0%, #608A6C 50%, #3E6954 100%);
    background: linear-gradient(to bottom, #8BAC8C 0%, #608A6C 50%, #3E6954 100%);
}
</style>