#B88D8D - #9C4238 | 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 #B88D8D a #9C4238

#B88D8D #9C4238

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

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

0.0%	0.0% #B88D8D	RGB 184 141 141	#B88D8D
16.7%	16.7% #B3807E	RGB 179 128 126	#B3807E
33.3%	33.3% #AE7470	RGB 174 116 112	#AE7470
50.0%	50.0% #AA6762	RGB 170 103 98	#AA6762
66.7%	66.7% #A55B54	RGB 165 91 84	#A55B54
83.3%	83.3% #A04E46	RGB 160 78 70	#A04E46
100.0%	100.0% #9C4238	RGB 156 66 56	#9C4238

#B88D8D #B3807E #AE7470 #AA6762 #A55B54 #A04E46 #9C4238

#B88D8D - #9C4238

Mezcla HSV

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

0.0%	0.0% #B88D8D	RGB 184 141 141	#B88D8D
16.7%	16.7% #B37E7D	RGB 179 126 125	#B37E7D
33.3%	33.3% #AE706E	RGB 174 112 110	#AE706E
50.0%	50.0% #AA635F	RGB 170 99 95	#AA635F
66.7%	66.7% #A55751	RGB 165 87 81	#A55751
83.3%	83.3% #A04C44	RGB 160 76 68	#A04C44
100.0%	100.0% #9C4238	RGB 156 66 56	#9C4238

#B88D8D #B37E7D #AE706E #AA635F #A55751 #A04C44 #9C4238

#B88D8D - #AA635F - #9C4238

Códigos CSS

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

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