#763C3C - #D8835E | 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 #763C3C a #D8835E

#763C3C #D8835E

Calcule el color entre dos colores, #763C3C y #D8835E. 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)

#763C3C - #D8835E | 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 #763C3C como 0% y #D8835E como 100%.

0.0%	0.0% #763C3C	RGB 118 60 60	#763C3C
16.7%	16.7% #864741	RGB 134 71 65	#864741
33.3%	33.3% #965347	RGB 150 83 71	#965347
50.0%	50.0% #A75F4D	RGB 167 95 77	#A75F4D
66.7%	66.7% #B76B52	RGB 183 107 82	#B76B52
83.3%	83.3% #C77758	RGB 199 119 88	#C77758
100.0%	100.0% #D8835E	RGB 216 131 94	#D8835E

#763C3C #864741 #965347 #A75F4D #B76B52 #C77758 #D8835E

#763C3C - #D8835E

Mezcla HSV

#763C3C - #D8835E | 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 #763C3C como 0% y #D8835E como 100%.

0.0%	0.0% #763C3C	RGB 118 60 60	#763C3C
16.7%	16.7% #864642	RGB 134 70 66	#864642
33.3%	33.3% #965048	RGB 150 80 72	#965048
50.0%	50.0% #A75C4E	RGB 167 92 78	#A75C4E
66.7%	66.7% #B76854	RGB 183 104 84	#B76854
83.3%	83.3% #C77559	RGB 199 117 89	#C77559
100.0%	100.0% #D8835E	RGB 216 131 94	#D8835E

#763C3C #864642 #965048 #A75C4E #B76854 #C77559 #D8835E

#763C3C - #A75C4E - #D8835E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #763C3C 0%, #A75C4E 50%, #D8835E 100%);
    background: -webkit-linear-gradient(top, #763C3C 0%, #A75C4E 50%, #D8835E 100%);
    background: linear-gradient(to bottom, #763C3C 0%, #A75C4E 50%, #D8835E 100%);
}
</style>