#743E3E - #D78561 | 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 #743E3E a #D78561

#743E3E #D78561

Calcule el color entre dos colores, #743E3E y #D78561. 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)

#743E3E - #D78561 | 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 #743E3E como 0% y #D78561 como 100%.

0.0%	0.0% #743E3E	RGB 116 62 62	#743E3E
16.7%	16.7% #844943	RGB 132 73 67	#844943
33.3%	33.3% #955549	RGB 149 85 73	#955549
50.0%	50.0% #A5614F	RGB 165 97 79	#A5614F
66.7%	66.7% #B66D55	RGB 182 109 85	#B66D55
83.3%	83.3% #C6795B	RGB 198 121 91	#C6795B
100.0%	100.0% #D78561	RGB 215 133 97	#D78561

#743E3E #844943 #955549 #A5614F #B66D55 #C6795B #D78561

#743E3E - #D78561

Mezcla HSV

#743E3E - #D78561 | 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 #743E3E como 0% y #D78561 como 100%.

0.0%	0.0% #743E3E	RGB 116 62 62	#743E3E
16.7%	16.7% #844844	RGB 132 72 68	#844844
33.3%	33.3% #95524B	RGB 149 82 75	#95524B
50.0%	50.0% #A55E51	RGB 165 94 81	#A55E51
66.7%	66.7% #B66A57	RGB 182 106 87	#B66A57
83.3%	83.3% #C6775C	RGB 198 119 92	#C6775C
100.0%	100.0% #D78561	RGB 215 133 97	#D78561

#743E3E #844844 #95524B #A55E51 #B66A57 #C6775C #D78561

#743E3E - #A55E51 - #D78561

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #743E3E 0%, #A55E51 50%, #D78561 100%);
    background: -webkit-linear-gradient(top, #743E3E 0%, #A55E51 50%, #D78561 100%);
    background: linear-gradient(to bottom, #743E3E 0%, #A55E51 50%, #D78561 100%);
}
</style>