#84867A - #DBDCD9 | 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 #84867A a #DBDCD9

#84867A #DBDCD9

Calcule el color entre dos colores, #84867A y #DBDCD9. 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)

#84867A - #DBDCD9 | 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 #84867A como 0% y #DBDCD9 como 100%.

0.0%	0.0% #84867A	RGB 132 134 122	#84867A
16.7%	16.7% #929489	RGB 146 148 137	#929489
33.3%	33.3% #A1A299	RGB 161 162 153	#A1A299
50.0%	50.0% #AFB1A9	RGB 175 177 169	#AFB1A9
66.7%	66.7% #BEBFB9	RGB 190 191 185	#BEBFB9
83.3%	83.3% #CCCDC9	RGB 204 205 201	#CCCDC9
100.0%	100.0% #DBDCD9	RGB 219 220 217	#DBDCD9

#84867A #929489 #A1A299 #AFB1A9 #BEBFB9 #CCCDC9 #DBDCD9

#84867A - #DBDCD9

Mezcla HSV

#84867A - #DBDCD9 | 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 #84867A como 0% y #DBDCD9 como 100%.

0.0%	0.0% #84867A	RGB 132 134 122	#84867A
16.7%	16.7% #929488	RGB 146 148 136	#929488
33.3%	33.3% #A0A298	RGB 160 162 152	#A0A298
50.0%	50.0% #AEB1A7	RGB 174 177 167	#AEB1A7
66.7%	66.7% #BDBFB7	RGB 189 191 183	#BDBFB7
83.3%	83.3% #CCCDC8	RGB 204 205 200	#CCCDC8
100.0%	100.0% #DBDCD9	RGB 219 220 217	#DBDCD9

#84867A #929488 #A0A298 #AEB1A7 #BDBFB7 #CCCDC8 #DBDCD9

#84867A - #AEB1A7 - #DBDCD9

Códigos CSS

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

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