#564E46 - #B67870 | 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 #564E46 a #B67870

#564E46 #B67870

Calcule el color entre dos colores, #564E46 y #B67870. 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)

#564E46 - #B67870 | 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 #564E46 como 0% y #B67870 como 100%.

0.0%	0.0% #564E46	RGB 86 78 70	#564E46
16.7%	16.7% #66554D	RGB 102 85 77	#66554D
33.3%	33.3% #765C54	RGB 118 92 84	#765C54
50.0%	50.0% #86635B	RGB 134 99 91	#86635B
66.7%	66.7% #966A62	RGB 150 106 98	#966A62
83.3%	83.3% #A67169	RGB 166 113 105	#A67169
100.0%	100.0% #B67870	RGB 182 120 112	#B67870

#564E46 #66554D #765C54 #86635B #966A62 #A67169 #B67870

#564E46 - #B67870

Mezcla HSV

#564E46 - #B67870 | 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 #564E46 como 0% y #B67870 como 100%.

0.0%	0.0% #564E46	RGB 86 78 70	#564E46
16.7%	16.7% #66594F	RGB 102 89 79	#66594F
33.3%	33.3% #766358	RGB 118 99 88	#766358
50.0%	50.0% #866B5F	RGB 134 107 95	#866B5F
66.7%	66.7% #967166	RGB 150 113 102	#967166
83.3%	83.3% #A6766B	RGB 166 118 107	#A6766B
100.0%	100.0% #B67870	RGB 182 120 112	#B67870

#564E46 #66594F #766358 #866B5F #967166 #A6766B #B67870

#564E46 - #866B5F - #B67870

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #564E46 0%, #866B5F 50%, #B67870 100%);
    background: -webkit-linear-gradient(top, #564E46 0%, #866B5F 50%, #B67870 100%);
    background: linear-gradient(to bottom, #564E46 0%, #866B5F 50%, #B67870 100%);
}
</style>