#848385 - #DBDBDC | 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 #848385 a #DBDBDC

#848385 #DBDBDC

Calcule el color entre dos colores, #848385 y #DBDBDC. 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)

#848385 - #DBDBDC | 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 #848385 como 0% y #DBDBDC como 100%.

0.0%	0.0% #848385	RGB 132 131 133	#848385
16.7%	16.7% #929193	RGB 146 145 147	#929193
33.3%	33.3% #A1A0A2	RGB 161 160 162	#A1A0A2
50.0%	50.0% #AFAFB0	RGB 175 175 176	#AFAFB0
66.7%	66.7% #BEBDBF	RGB 190 189 191	#BEBDBF
83.3%	83.3% #CCCCCD	RGB 204 204 205	#CCCCCD
100.0%	100.0% #DBDBDC	RGB 219 219 220	#DBDBDC

#848385 #929193 #A1A0A2 #AFAFB0 #BEBDBF #CCCCCD #DBDBDC

#848385 - #DBDBDC

Mezcla HSV

#848385 - #DBDBDC | 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 #848385 como 0% y #DBDBDC como 100%.

0.0%	0.0% #848385	RGB 132 131 133	#848385
16.7%	16.7% #929193	RGB 146 145 147	#929193
33.3%	33.3% #A0A0A2	RGB 160 160 162	#A0A0A2
50.0%	50.0% #AFAEB0	RGB 175 174 176	#AFAEB0
66.7%	66.7% #BDBDBF	RGB 189 189 191	#BDBDBF
83.3%	83.3% #CCCCCD	RGB 204 204 205	#CCCCCD
100.0%	100.0% #DBDBDC	RGB 219 219 220	#DBDBDC

#848385 #929193 #A0A0A2 #AFAEB0 #BDBDBF #CCCCCD #DBDBDC

#848385 - #AFAEB0 - #DBDBDC

Códigos CSS

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

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