#858D7E - #DCDEDA | 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 #858D7E a #DCDEDA

#858D7E #DCDEDA

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

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

0.0%	0.0% #858D7E	RGB 133 141 126	#858D7E
16.7%	16.7% #939A8D	RGB 147 154 141	#939A8D
33.3%	33.3% #A2A89C	RGB 162 168 156	#A2A89C
50.0%	50.0% #B0B5AC	RGB 176 181 172	#B0B5AC
66.7%	66.7% #BFC3BB	RGB 191 195 187	#BFC3BB
83.3%	83.3% #CDD0CA	RGB 205 208 202	#CDD0CA
100.0%	100.0% #DCDEDA	RGB 220 222 218	#DCDEDA

#858D7E #939A8D #A2A89C #B0B5AC #BFC3BB #CDD0CA #DCDEDA

#858D7E - #DCDEDA

Mezcla HSV

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

0.0%	0.0% #858D7E	RGB 133 141 126	#858D7E
16.7%	16.7% #939A8C	RGB 147 154 140	#939A8C
33.3%	33.3% #A1A89B	RGB 161 168 155	#A1A89B
50.0%	50.0% #AFB5AA	RGB 175 181 170	#AFB5AA
66.7%	66.7% #BEC3B9	RGB 190 195 185	#BEC3B9
83.3%	83.3% #CDD0C9	RGB 205 208 201	#CDD0C9
100.0%	100.0% #DCDEDA	RGB 220 222 218	#DCDEDA

#858D7E #939A8C #A1A89B #AFB5AA #BEC3B9 #CDD0C9 #DCDEDA

#858D7E - #AFB5AA - #DCDEDA

Códigos CSS

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

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