#5C5E00 - #B88D5D | 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 #5C5E00 a #B88D5D

#5C5E00 #B88D5D

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

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

0.0%	0.0% #5C5E00	RGB 92 94 0	#5C5E00
16.7%	16.7% #6B650F	RGB 107 101 15	#6B650F
33.3%	33.3% #7A6D1F	RGB 122 109 31	#7A6D1F
50.0%	50.0% #8A752E	RGB 138 117 46	#8A752E
66.7%	66.7% #997D3E	RGB 153 125 62	#997D3E
83.3%	83.3% #A8854D	RGB 168 133 77	#A8854D
100.0%	100.0% #B88D5D	RGB 184 141 93	#B88D5D

#5C5E00 #6B650F #7A6D1F #8A752E #997D3E #A8854D #B88D5D

#5C5E00 - #B88D5D

Mezcla HSV

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

0.0%	0.0% #5C5E00	RGB 92 94 0	#5C5E00
16.7%	16.7% #6D6609	RGB 109 102 9	#6D6609
33.3%	33.3% #7C6D14	RGB 124 109 20	#7C6D14
50.0%	50.0% #8B7323	RGB 139 115 35	#8B7323
66.7%	66.7% #9A7A33	RGB 154 122 51	#9A7A33
83.3%	83.3% #A98247	RGB 169 130 71	#A98247
100.0%	100.0% #B88D5D	RGB 184 141 93	#B88D5D

#5C5E00 #6D6609 #7C6D14 #8B7323 #9A7A33 #A98247 #B88D5D

#5C5E00 - #8B7323 - #B88D5D

Códigos CSS

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

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