#828D7E - #DADEDA | 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 #828D7E a #DADEDA

#828D7E #DADEDA

Calcule el color entre dos colores, #828D7E y #DADEDA. 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)

#828D7E - #DADEDA | 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 #828D7E como 0% y #DADEDA como 100%.

0.0%	0.0% #828D7E	RGB 130 141 126	#828D7E
16.7%	16.7% #909A8D	RGB 144 154 141	#909A8D
33.3%	33.3% #9FA89C	RGB 159 168 156	#9FA89C
50.0%	50.0% #AEB5AC	RGB 174 181 172	#AEB5AC
66.7%	66.7% #BCC3BB	RGB 188 195 187	#BCC3BB
83.3%	83.3% #CBD0CA	RGB 203 208 202	#CBD0CA
100.0%	100.0% #DADEDA	RGB 218 222 218	#DADEDA

#828D7E #909A8D #9FA89C #AEB5AC #BCC3BB #CBD0CA #DADEDA

#828D7E - #DADEDA

Mezcla HSV

#828D7E - #DADEDA | 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 #828D7E como 0% y #DADEDA como 100%.

0.0%	0.0% #828D7E	RGB 130 141 126	#828D7E
16.7%	16.7% #8F9A8C	RGB 143 154 140	#8F9A8C
33.3%	33.3% #9DA89B	RGB 157 168 155	#9DA89B
50.0%	50.0% #ABB5AA	RGB 171 181 170	#ABB5AA
66.7%	66.7% #BAC3B9	RGB 186 195 185	#BAC3B9
83.3%	83.3% #C9D0C9	RGB 201 208 201	#C9D0C9
100.0%	100.0% #DADEDA	RGB 218 222 218	#DADEDA

#828D7E #8F9A8C #9DA89B #ABB5AA #BAC3B9 #C9D0C9 #DADEDA

#828D7E - #ABB5AA - #DADEDA

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #828D7E 0%, #ABB5AA 50%, #DADEDA 100%);
    background: -webkit-linear-gradient(top, #828D7E 0%, #ABB5AA 50%, #DADEDA 100%);
    background: linear-gradient(to bottom, #828D7E 0%, #ABB5AA 50%, #DADEDA 100%);
}
</style>