#B89489 - #994D35 | 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 #B89489 a #994D35

#B89489 #994D35

Calcule el color entre dos colores, #B89489 y #994D35. 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)

#B89489 - #994D35 | 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 #B89489 como 0% y #994D35 como 100%.

0.0%	0.0% #B89489	RGB 184 148 137	#B89489
16.7%	16.7% #B2887B	RGB 178 136 123	#B2887B
33.3%	33.3% #AD7C6D	RGB 173 124 109	#AD7C6D
50.0%	50.0% #A8705F	RGB 168 112 95	#A8705F
66.7%	66.7% #A36451	RGB 163 100 81	#A36451
83.3%	83.3% #9E5843	RGB 158 88 67	#9E5843
100.0%	100.0% #994D35	RGB 153 77 53	#994D35

#B89489 #B2887B #AD7C6D #A8705F #A36451 #9E5843 #994D35

#B89489 - #994D35

Mezcla HSV

#B89489 - #994D35 | 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 #B89489 como 0% y #994D35 como 100%.

0.0%	0.0% #B89489	RGB 184 148 137	#B89489
16.7%	16.7% #B28679	RGB 178 134 121	#B28679
33.3%	33.3% #AD7A6A	RGB 173 122 106	#AD7A6A
50.0%	50.0% #A86E5B	RGB 168 110 91	#A86E5B
66.7%	66.7% #A3624E	RGB 163 98 78	#A3624E
83.3%	83.3% #9E5741	RGB 158 87 65	#9E5741
100.0%	100.0% #994D35	RGB 153 77 53	#994D35

#B89489 #B28679 #AD7A6A #A86E5B #A3624E #9E5741 #994D35

#B89489 - #A86E5B - #994D35

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B89489 0%, #A86E5B 50%, #994D35 100%);
    background: -webkit-linear-gradient(top, #B89489 0%, #A86E5B 50%, #994D35 100%);
    background: linear-gradient(to bottom, #B89489 0%, #A86E5B 50%, #994D35 100%);
}
</style>