#8F8B76 - #DFDDD7 | 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 #8F8B76 a #DFDDD7

#8F8B76 #DFDDD7

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

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

0.0%	0.0% #8F8B76	RGB 143 139 118	#8F8B76
16.7%	16.7% #9C9886	RGB 156 152 134	#9C9886
33.3%	33.3% #A9A696	RGB 169 166 150	#A9A696
50.0%	50.0% #B7B4A6	RGB 183 180 166	#B7B4A6
66.7%	66.7% #C4C1B6	RGB 196 193 182	#C4C1B6
83.3%	83.3% #D1CFC6	RGB 209 207 198	#D1CFC6
100.0%	100.0% #DFDDD7	RGB 223 221 215	#DFDDD7

#8F8B76 #9C9886 #A9A696 #B7B4A6 #C4C1B6 #D1CFC6 #DFDDD7

#8F8B76 - #DFDDD7

Mezcla HSV

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

0.0%	0.0% #8F8B76	RGB 143 139 118	#8F8B76
16.7%	16.7% #9C9884	RGB 156 152 132	#9C9884
33.3%	33.3% #A9A593	RGB 169 165 147	#A9A593
50.0%	50.0% #B7B3A3	RGB 183 179 163	#B7B3A3
66.7%	66.7% #C4C0B4	RGB 196 192 180	#C4C0B4
83.3%	83.3% #D1CEC5	RGB 209 206 197	#D1CEC5
100.0%	100.0% #DFDDD7	RGB 223 221 215	#DFDDD7

#8F8B76 #9C9884 #A9A593 #B7B3A3 #C4C0B4 #D1CEC5 #DFDDD7

#8F8B76 - #B7B3A3 - #DFDDD7

Códigos CSS

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

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