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

#867D8F #DCD9DF

Calcule el color entre dos colores, #867D8F 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)

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

0.0%	0.0% #867D8F	RGB 134 125 143	#867D8F
16.7%	16.7% #948C9C	RGB 148 140 156	#948C9C
33.3%	33.3% #A29BA9	RGB 162 155 169	#A29BA9
50.0%	50.0% #B1ABB7	RGB 177 171 183	#B1ABB7
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

#867D8F #948C9C #A29BA9 #B1ABB7 #BFBAC4 #CDC9D1 #DCD9DF

#867D8F - #DCD9DF

Mezcla HSV

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

0.0%	0.0% #867D8F	RGB 134 125 143	#867D8F
16.7%	16.7% #938B9C	RGB 147 139 156	#938B9C
33.3%	33.3% #A199A9	RGB 161 153 169	#A199A9
50.0%	50.0% #B0A9B7	RGB 176 169 183	#B0A9B7
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

#867D8F #938B9C #A199A9 #B0A9B7 #BEB8C4 #CDC8D1 #DCD9DF

#867D8F - #B0A9B7 - #DCD9DF

Códigos CSS

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

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