#889377 - #262A22 | 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 #889377 a #262A22

#889377 #262A22

Calcule el color entre dos colores, #889377 y #262A22. 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)

#889377 - #262A22 | 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 #889377 como 0% y #262A22 como 100%.

0.0%	0.0% #889377	RGB 136 147 119	#889377
16.7%	16.7% #778168	RGB 119 129 104	#778168
33.3%	33.3% #67705A	RGB 103 112 90	#67705A
50.0%	50.0% #575E4C	RGB 87 94 76	#575E4C
66.7%	66.7% #464D3E	RGB 70 77 62	#464D3E
83.3%	83.3% #363B30	RGB 54 59 48	#363B30
100.0%	100.0% #262A22	RGB 38 42 34	#262A22

#889377 #778168 #67705A #575E4C #464D3E #363B30 #262A22

#889377 - #262A22

Mezcla HSV

#889377 - #262A22 | 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 #889377 como 0% y #262A22 como 100%.

0.0%	0.0% #889377	RGB 136 147 119	#889377
16.7%	16.7% #778168	RGB 119 129 104	#778168
33.3%	33.3% #66705A	RGB 102 112 90	#66705A
50.0%	50.0% #565E4C	RGB 86 94 76	#565E4C
66.7%	66.7% #464D3E	RGB 70 77 62	#464D3E
83.3%	83.3% #363B30	RGB 54 59 48	#363B30
100.0%	100.0% #262A22	RGB 38 42 34	#262A22

#889377 #778168 #66705A #565E4C #464D3E #363B30 #262A22

#889377 - #565E4C - #262A22

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #889377 0%, #565E4C 50%, #262A22 100%);
    background: -webkit-linear-gradient(top, #889377 0%, #565E4C 50%, #262A22 100%);
    background: linear-gradient(to bottom, #889377 0%, #565E4C 50%, #262A22 100%);
}
</style>