#B5BAB7 - #5E716D | 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 #B5BAB7 a #5E716D

#B5BAB7 #5E716D

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

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

0.0%	0.0% #B5BAB7	RGB 181 186 183	#B5BAB7
16.7%	16.7% #A6ADAA	RGB 166 173 170	#A6ADAA
33.3%	33.3% #98A19E	RGB 152 161 158	#98A19E
50.0%	50.0% #899592	RGB 137 149 146	#899592
66.7%	66.7% #7B8985	RGB 123 137 133	#7B8985
83.3%	83.3% #6C7D79	RGB 108 125 121	#6C7D79
100.0%	100.0% #5E716D	RGB 94 113 109	#5E716D

#B5BAB7 #A6ADAA #98A19E #899592 #7B8985 #6C7D79 #5E716D

#B5BAB7 - #5E716D

Mezcla HSV

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

0.0%	0.0% #B5BAB7	RGB 181 186 183	#B5BAB7
16.7%	16.7% #A5ADA9	RGB 165 173 169	#A5ADA9
33.3%	33.3% #95A19C	RGB 149 161 156	#95A19C
50.0%	50.0% #86958F	RGB 134 149 143	#86958F
66.7%	66.7% #788983	RGB 120 137 131	#788983
83.3%	83.3% #6B7D78	RGB 107 125 120	#6B7D78
100.0%	100.0% #5E716D	RGB 94 113 109	#5E716D

#B5BAB7 #A5ADA9 #95A19C #86958F #788983 #6B7D78 #5E716D

#B5BAB7 - #86958F - #5E716D

Códigos CSS

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

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