#8F8F73 - #DFDFD7 | 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 #8F8F73 a #DFDFD7

#8F8F73 #DFDFD7

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

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

0.0%	0.0% #8F8F73	RGB 143 143 115	#8F8F73
16.7%	16.7% #9C9C83	RGB 156 156 131	#9C9C83
33.3%	33.3% #A9A994	RGB 169 169 148	#A9A994
50.0%	50.0% #B7B7A5	RGB 183 183 165	#B7B7A5
66.7%	66.7% #C4C4B5	RGB 196 196 181	#C4C4B5
83.3%	83.3% #D1D1C6	RGB 209 209 198	#D1D1C6
100.0%	100.0% #DFDFD7	RGB 223 223 215	#DFDFD7

#8F8F73 #9C9C83 #A9A994 #B7B7A5 #C4C4B5 #D1D1C6 #DFDFD7

#8F8F73 - #DFDFD7

Mezcla HSV

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

0.0%	0.0% #8F8F73	RGB 143 143 115	#8F8F73
16.7%	16.7% #9C9C81	RGB 156 156 129	#9C9C81
33.3%	33.3% #A9A991	RGB 169 169 145	#A9A991
50.0%	50.0% #B7B7A1	RGB 183 183 161	#B7B7A1
66.7%	66.7% #C4C4B2	RGB 196 196 178	#C4C4B2
83.3%	83.3% #D1D1C4	RGB 209 209 196	#D1D1C4
100.0%	100.0% #DFDFD7	RGB 223 223 215	#DFDFD7

#8F8F73 #9C9C81 #A9A991 #B7B7A1 #C4C4B2 #D1D1C4 #DFDFD7

#8F8F73 - #B7B7A1 - #DFDFD7

Códigos CSS

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

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