#857D8F - #DCD9DF | 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 #857D8F a #DCD9DF

#857D8F #DCD9DF

Calcule el color entre dos colores, #857D8F y #DCD9DF. 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)

#857D8F - #DCD9DF | 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 #857D8F como 0% y #DCD9DF como 100%.

0.0%	0.0% #857D8F	RGB 133 125 143	#857D8F
16.7%	16.7% #938C9C	RGB 147 140 156	#938C9C
33.3%	33.3% #A29BA9	RGB 162 155 169	#A29BA9
50.0%	50.0% #B0ABB7	RGB 176 171 183	#B0ABB7
66.7%	66.7% #BFBAC4	RGB 191 186 196	#BFBAC4
83.3%	83.3% #CDC9D1	RGB 205 201 209	#CDC9D1
100.0%	100.0% #DCD9DF	RGB 220 217 223	#DCD9DF

#857D8F #938C9C #A29BA9 #B0ABB7 #BFBAC4 #CDC9D1 #DCD9DF

#857D8F - #DCD9DF

Mezcla HSV

#857D8F - #DCD9DF | 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 #857D8F como 0% y #DCD9DF como 100%.

0.0%	0.0% #857D8F	RGB 133 125 143	#857D8F
16.7%	16.7% #928B9C	RGB 146 139 156	#928B9C
33.3%	33.3% #A199A9	RGB 161 153 169	#A199A9
50.0%	50.0% #AFA9B7	RGB 175 169 183	#AFA9B7
66.7%	66.7% #BEB8C4	RGB 190 184 196	#BEB8C4
83.3%	83.3% #CDC8D1	RGB 205 200 209	#CDC8D1
100.0%	100.0% #DCD9DF	RGB 220 217 223	#DCD9DF

#857D8F #928B9C #A199A9 #AFA9B7 #BEB8C4 #CDC8D1 #DCD9DF

#857D8F - #AFA9B7 - #DCD9DF

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #857D8F 0%, #AFA9B7 50%, #DCD9DF 100%);
    background: -webkit-linear-gradient(top, #857D8F 0%, #AFA9B7 50%, #DCD9DF 100%);
    background: linear-gradient(to bottom, #857D8F 0%, #AFA9B7 50%, #DCD9DF 100%);
}
</style>