#B88989 - #9C3E35 | 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 #B88989 a #9C3E35

#B88989 #9C3E35

Calcule el color entre dos colores, #B88989 y #9C3E35. 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)

#B88989 - #9C3E35 | 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 #B88989 como 0% y #9C3E35 como 100%.

0.0%	0.0% #B88989	RGB 184 137 137	#B88989
16.7%	16.7% #B37C7B	RGB 179 124 123	#B37C7B
33.3%	33.3% #AE706D	RGB 174 112 109	#AE706D
50.0%	50.0% #AA635F	RGB 170 99 95	#AA635F
66.7%	66.7% #A55751	RGB 165 87 81	#A55751
83.3%	83.3% #A04A43	RGB 160 74 67	#A04A43
100.0%	100.0% #9C3E35	RGB 156 62 53	#9C3E35

#B88989 #B37C7B #AE706D #AA635F #A55751 #A04A43 #9C3E35

#B88989 - #9C3E35

Mezcla HSV

#B88989 - #9C3E35 | 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 #B88989 como 0% y #9C3E35 como 100%.

0.0%	0.0% #B88989	RGB 184 137 137	#B88989
16.7%	16.7% #B37A79	RGB 179 122 121	#B37A79
33.3%	33.3% #AE6C6A	RGB 174 108 106	#AE6C6A
50.0%	50.0% #AA5F5C	RGB 170 95 92	#AA5F5C
66.7%	66.7% #A5534E	RGB 165 83 78	#A5534E
83.3%	83.3% #A04841	RGB 160 72 65	#A04841
100.0%	100.0% #9C3E35	RGB 156 62 53	#9C3E35

#B88989 #B37A79 #AE6C6A #AA5F5C #A5534E #A04841 #9C3E35

#B88989 - #AA5F5C - #9C3E35

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B88989 0%, #AA5F5C 50%, #9C3E35 100%);
    background: -webkit-linear-gradient(top, #B88989 0%, #AA5F5C 50%, #9C3E35 100%);
    background: linear-gradient(to bottom, #B88989 0%, #AA5F5C 50%, #9C3E35 100%);
}
</style>