#B5BAB5 - #5E7163 | 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 #B5BAB5 a #5E7163

#B5BAB5 #5E7163

Calcule el color entre dos colores, #B5BAB5 y #5E7163. 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)

#B5BAB5 - #5E7163 | 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 #B5BAB5 como 0% y #5E7163 como 100%.

0.0%	0.0% #B5BAB5	RGB 181 186 181	#B5BAB5
16.7%	16.7% #A6ADA7	RGB 166 173 167	#A6ADA7
33.3%	33.3% #98A199	RGB 152 161 153	#98A199
50.0%	50.0% #89958C	RGB 137 149 140	#89958C
66.7%	66.7% #7B897E	RGB 123 137 126	#7B897E
83.3%	83.3% #6C7D70	RGB 108 125 112	#6C7D70
100.0%	100.0% #5E7163	RGB 94 113 99	#5E7163

#B5BAB5 #A6ADA7 #98A199 #89958C #7B897E #6C7D70 #5E7163

#B5BAB5 - #5E7163

Mezcla HSV

#B5BAB5 - #5E7163 | 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 #B5BAB5 como 0% y #5E7163 como 100%.

0.0%	0.0% #B5BAB5	RGB 181 186 181	#B5BAB5
16.7%	16.7% #A5ADA5	RGB 165 173 165	#A5ADA5
33.3%	33.3% #95A196	RGB 149 161 150	#95A196
50.0%	50.0% #869588	RGB 134 149 136	#869588
66.7%	66.7% #78897B	RGB 120 137 123	#78897B
83.3%	83.3% #6B7D6F	RGB 107 125 111	#6B7D6F
100.0%	100.0% #5E7163	RGB 94 113 99	#5E7163

#B5BAB5 #A5ADA5 #95A196 #869588 #78897B #6B7D6F #5E7163

#B5BAB5 - #869588 - #5E7163

Códigos CSS

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

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