#9F9A8F - #E3E2DF | 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 #9F9A8F a #E3E2DF

#9F9A8F #E3E2DF

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

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

0.0%	0.0% #9F9A8F	RGB 159 154 143	#9F9A8F
16.7%	16.7% #AAA69C	RGB 170 166 156	#AAA69C
33.3%	33.3% #B5B2A9	RGB 181 178 169	#B5B2A9
50.0%	50.0% #C1BEB7	RGB 193 190 183	#C1BEB7
66.7%	66.7% #CCCAC4	RGB 204 202 196	#CCCAC4
83.3%	83.3% #D7D6D1	RGB 215 214 209	#D7D6D1
100.0%	100.0% #E3E2DF	RGB 227 226 223	#E3E2DF

#9F9A8F #AAA69C #B5B2A9 #C1BEB7 #CCCAC4 #D7D6D1 #E3E2DF

#9F9A8F - #E3E2DF

Mezcla HSV

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

0.0%	0.0% #9F9A8F	RGB 159 154 143	#9F9A8F
16.7%	16.7% #AAA59B	RGB 170 165 155	#AAA59B
33.3%	33.3% #B5B1A8	RGB 181 177 168	#B5B1A8
50.0%	50.0% #C1BDB5	RGB 193 189 181	#C1BDB5
66.7%	66.7% #CCC9C3	RGB 204 201 195	#CCC9C3
83.3%	83.3% #D7D5D0	RGB 215 213 208	#D7D5D0
100.0%	100.0% #E3E2DF	RGB 227 226 223	#E3E2DF

#9F9A8F #AAA59B #B5B1A8 #C1BDB5 #CCC9C3 #D7D5D0 #E3E2DF

#9F9A8F - #C1BDB5 - #E3E2DF

Códigos CSS

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

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