#837D8F - #DBD9DF | 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 #837D8F a #DBD9DF

#837D8F #DBD9DF

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

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

0.0%	0.0% #837D8F	RGB 131 125 143	#837D8F
16.7%	16.7% #918C9C	RGB 145 140 156	#918C9C
33.3%	33.3% #A09BA9	RGB 160 155 169	#A09BA9
50.0%	50.0% #AFABB7	RGB 175 171 183	#AFABB7
66.7%	66.7% #BDBAC4	RGB 189 186 196	#BDBAC4
83.3%	83.3% #CCC9D1	RGB 204 201 209	#CCC9D1
100.0%	100.0% #DBD9DF	RGB 219 217 223	#DBD9DF

#837D8F #918C9C #A09BA9 #AFABB7 #BDBAC4 #CCC9D1 #DBD9DF

#837D8F - #DBD9DF

Mezcla HSV

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

0.0%	0.0% #837D8F	RGB 131 125 143	#837D8F
16.7%	16.7% #908B9C	RGB 144 139 156	#908B9C
33.3%	33.3% #9F99A9	RGB 159 153 169	#9F99A9
50.0%	50.0% #ADA9B7	RGB 173 169 183	#ADA9B7
66.7%	66.7% #BCB8C4	RGB 188 184 196	#BCB8C4
83.3%	83.3% #CBC8D1	RGB 203 200 209	#CBC8D1
100.0%	100.0% #DBD9DF	RGB 219 217 223	#DBD9DF

#837D8F #908B9C #9F99A9 #ADA9B7 #BCB8C4 #CBC8D1 #DBD9DF

#837D8F - #ADA9B7 - #DBD9DF

Códigos CSS

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

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