#5E5C55 - #BF967E | 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 #5E5C55 a #BF967E

#5E5C55 #BF967E

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

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

0.0%	0.0% #5E5C55	RGB 94 92 85	#5E5C55
16.7%	16.7% #6E655B	RGB 110 101 91	#6E655B
33.3%	33.3% #7E6F62	RGB 126 111 98	#7E6F62
50.0%	50.0% #8E7969	RGB 142 121 105	#8E7969
66.7%	66.7% #9E8270	RGB 158 130 112	#9E8270
83.3%	83.3% #AE8C77	RGB 174 140 119	#AE8C77
100.0%	100.0% #BF967E	RGB 191 150 126	#BF967E

#5E5C55 #6E655B #7E6F62 #8E7969 #9E8270 #AE8C77 #BF967E

#5E5C55 - #BF967E

Mezcla HSV

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

0.0%	0.0% #5E5C55	RGB 94 92 85	#5E5C55
16.7%	16.7% #6E695F	RGB 110 105 95	#6E695F
33.3%	33.3% #7E7667	RGB 126 118 103	#7E7667
50.0%	50.0% #8E816F	RGB 142 129 111	#8E816F
66.7%	66.7% #9E8A75	RGB 158 138 117	#9E8A75
83.3%	83.3% #AE917A	RGB 174 145 122	#AE917A
100.0%	100.0% #BF967E	RGB 191 150 126	#BF967E

#5E5C55 #6E695F #7E7667 #8E816F #9E8A75 #AE917A #BF967E

#5E5C55 - #8E816F - #BF967E

Códigos CSS

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

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