#8F6A6A - #DFD4D4 | 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 #8F6A6A a #DFD4D4

#8F6A6A #DFD4D4

Calcule el color entre dos colores, #8F6A6A y #DFD4D4. 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)

#8F6A6A - #DFD4D4 | 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 #8F6A6A como 0% y #DFD4D4 como 100%.

0.0%	0.0% #8F6A6A	RGB 143 106 106	#8F6A6A
16.7%	16.7% #9C7B7B	RGB 156 123 123	#9C7B7B
33.3%	33.3% #A98D8D	RGB 169 141 141	#A98D8D
50.0%	50.0% #B79F9F	RGB 183 159 159	#B79F9F
66.7%	66.7% #C4B0B0	RGB 196 176 176	#C4B0B0
83.3%	83.3% #D1C2C2	RGB 209 194 194	#D1C2C2
100.0%	100.0% #DFD4D4	RGB 223 212 212	#DFD4D4

#8F6A6A #9C7B7B #A98D8D #B79F9F #C4B0B0 #D1C2C2 #DFD4D4

#8F6A6A - #DFD4D4

Mezcla HSV

#8F6A6A - #DFD4D4 | 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 #8F6A6A como 0% y #DFD4D4 como 100%.

0.0%	0.0% #8F6A6A	RGB 143 106 106	#8F6A6A
16.7%	16.7% #9C7979	RGB 156 121 121	#9C7979
33.3%	33.3% #A98989	RGB 169 137 137	#A98989
50.0%	50.0% #B79A9A	RGB 183 154 154	#B79A9A
66.7%	66.7% #C4ACAC	RGB 196 172 172	#C4ACAC
83.3%	83.3% #D1C0C0	RGB 209 192 192	#D1C0C0
100.0%	100.0% #DFD4D4	RGB 223 212 212	#DFD4D4

#8F6A6A #9C7979 #A98989 #B79A9A #C4ACAC #D1C0C0 #DFD4D4

#8F6A6A - #B79A9A - #DFD4D4

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8F6A6A 0%, #B79A9A 50%, #DFD4D4 100%);
    background: -webkit-linear-gradient(top, #8F6A6A 0%, #B79A9A 50%, #DFD4D4 100%);
    background: linear-gradient(to bottom, #8F6A6A 0%, #B79A9A 50%, #DFD4D4 100%);
}
</style>