#8C9A8C - #BFE8AA | 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 #8C9A8C a #BFE8AA

#8C9A8C #BFE8AA

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

#8C9A8C - #BFE8AA | 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 #8C9A8C como 0% y #BFE8AA como 100%.

0.0%	0.0% #8C9A8C	RGB 140 154 140	#8C9A8C
16.7%	16.7% #94A791	RGB 148 167 145	#94A791
33.3%	33.3% #9DB496	RGB 157 180 150	#9DB496
50.0%	50.0% #A5C19B	RGB 165 193 155	#A5C19B
66.7%	66.7% #AECEA0	RGB 174 206 160	#AECEA0
83.3%	83.3% #B6DBA5	RGB 182 219 165	#B6DBA5
100.0%	100.0% #BFE8AA	RGB 191 232 170	#BFE8AA

#8C9A8C #94A791 #9DB496 #A5C19B #AECEA0 #B6DBA5 #BFE8AA

#8C9A8C - #BFE8AA

Mezcla HSV

#8C9A8C - #BFE8AA | 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 #8C9A8C como 0% y #BFE8AA como 100%.

0.0%	0.0% #8C9A8C	RGB 140 154 140	#8C9A8C
16.7%	16.7% #94A792	RGB 148 167 146	#94A792
33.3%	33.3% #9CB499	RGB 156 180 153	#9CB499
50.0%	50.0% #A4C19E	RGB 164 193 158	#A4C19E
66.7%	66.7% #ACCEA3	RGB 172 206 163	#ACCEA3
83.3%	83.3% #B5DBA6	RGB 181 219 166	#B5DBA6
100.0%	100.0% #BFE8AA	RGB 191 232 170	#BFE8AA

#8C9A8C #94A792 #9CB499 #A4C19E #ACCEA3 #B5DBA6 #BFE8AA

#8C9A8C - #A4C19E - #BFE8AA

Códigos CSS

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

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