#C97B5E - #9F391A | 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 #C97B5E a #9F391A

#C97B5E #9F391A

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

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

0.0%	0.0% #C97B5E	RGB 201 123 94	#C97B5E
16.7%	16.7% #C27052	RGB 194 112 82	#C27052
33.3%	33.3% #BB6547	RGB 187 101 71	#BB6547
50.0%	50.0% #B45A3C	RGB 180 90 60	#B45A3C
66.7%	66.7% #AD4F30	RGB 173 79 48	#AD4F30
83.3%	83.3% #A64425	RGB 166 68 37	#A64425
100.0%	100.0% #9F391A	RGB 159 57 26	#9F391A

#C97B5E #C27052 #BB6547 #B45A3C #AD4F30 #A64425 #9F391A

#C97B5E - #9F391A

Mezcla HSV

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

0.0%	0.0% #C97B5E	RGB 201 123 94	#C97B5E
16.7%	16.7% #C26E50	RGB 194 110 80	#C26E50
33.3%	33.3% #BB6344	RGB 187 99 68	#BB6344
50.0%	50.0% #B45738	RGB 180 87 56	#B45738
66.7%	66.7% #AD4D2D	RGB 173 77 45	#AD4D2D
83.3%	83.3% #A64223	RGB 166 66 35	#A64223
100.0%	100.0% #9F391A	RGB 159 57 26	#9F391A

#C97B5E #C26E50 #BB6344 #B45738 #AD4D2D #A64223 #9F391A

#C97B5E - #B45738 - #9F391A

Códigos CSS

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

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