#B8B5B5 - #A06A61 | 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 #B8B5B5 a #A06A61

#B8B5B5 #A06A61

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

#B8B5B5 - #A06A61 | 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 #B8B5B5 como 0% y #A06A61 como 100%.

0.0%	0.0% #B8B5B5	RGB 184 181 181	#B8B5B5
16.7%	16.7% #B4A8A7	RGB 180 168 167	#B4A8A7
33.3%	33.3% #B09C99	RGB 176 156 153	#B09C99
50.0%	50.0% #AC8F8B	RGB 172 143 139	#AC8F8B
66.7%	66.7% #A8837D	RGB 168 131 125	#A8837D
83.3%	83.3% #A4766F	RGB 164 118 111	#A4766F
100.0%	100.0% #A06A61	RGB 160 106 97	#A06A61

#B8B5B5 #B4A8A7 #B09C99 #AC8F8B #A8837D #A4766F #A06A61

#B8B5B5 - #A06A61

Mezcla HSV

#B8B5B5 - #A06A61 | 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 #B8B5B5 como 0% y #A06A61 como 100%.

0.0%	0.0% #B8B5B5	RGB 184 181 181	#B8B5B5
16.7%	16.7% #B4A6A5	RGB 180 166 165	#B4A6A5
33.3%	33.3% #B09896	RGB 176 152 150	#B09896
50.0%	50.0% #AC8B88	RGB 172 139 136	#AC8B88
66.7%	66.7% #A87F7A	RGB 168 127 122	#A87F7A
83.3%	83.3% #A4746D	RGB 164 116 109	#A4746D
100.0%	100.0% #A06A61	RGB 160 106 97	#A06A61

#B8B5B5 #B4A6A5 #B09896 #AC8B88 #A87F7A #A4746D #A06A61

#B8B5B5 - #AC8B88 - #A06A61

Códigos CSS

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

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