#9F5E5E - #F5AC80 | 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 #9F5E5E a #F5AC80

#9F5E5E #F5AC80

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

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

0.0%	0.0% #9F5E5E	RGB 159 94 94	#9F5E5E
16.7%	16.7% #AD6B63	RGB 173 107 99	#AD6B63
33.3%	33.3% #BB7869	RGB 187 120 105	#BB7869
50.0%	50.0% #CA856F	RGB 202 133 111	#CA856F
66.7%	66.7% #D89274	RGB 216 146 116	#D89274
83.3%	83.3% #E69F7A	RGB 230 159 122	#E69F7A
100.0%	100.0% #F5AC80	RGB 245 172 128	#F5AC80

#9F5E5E #AD6B63 #BB7869 #CA856F #D89274 #E69F7A #F5AC80

#9F5E5E - #F5AC80

Mezcla HSV

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

0.0%	0.0% #9F5E5E	RGB 159 94 94	#9F5E5E
16.7%	16.7% #AD6964	RGB 173 105 100	#AD6964
33.3%	33.3% #BB746A	RGB 187 116 106	#BB746A
50.0%	50.0% #CA8170	RGB 202 129 112	#CA8170
66.7%	66.7% #D88E75	RGB 216 142 117	#D88E75
83.3%	83.3% #E69C7B	RGB 230 156 123	#E69C7B
100.0%	100.0% #F5AC80	RGB 245 172 128	#F5AC80

#9F5E5E #AD6964 #BB746A #CA8170 #D88E75 #E69C7B #F5AC80

#9F5E5E - #CA8170 - #F5AC80

Códigos CSS

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

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