#743E3E - #D7C7C7 | 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 #D7C7C7

#743E3E #D7C7C7

Calcule el color entre dos colores, #743E3E y #D7C7C7. 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 - #D7C7C7 | 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 #D7C7C7 como 100%.

0.0%	0.0% #743E3E	RGB 116 62 62	#743E3E
16.7%	16.7% #845454	RGB 132 84 84	#845454
33.3%	33.3% #956B6B	RGB 149 107 107	#956B6B
50.0%	50.0% #A58282	RGB 165 130 130	#A58282
66.7%	66.7% #B69999	RGB 182 153 153	#B69999
83.3%	83.3% #C6B0B0	RGB 198 176 176	#C6B0B0
100.0%	100.0% #D7C7C7	RGB 215 199 199	#D7C7C7

#743E3E #845454 #956B6B #A58282 #B69999 #C6B0B0 #D7C7C7

#743E3E - #D7C7C7

Mezcla HSV

#743E3E - #D7C7C7 | 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 #D7C7C7 como 100%.

0.0%	0.0% #743E3E	RGB 116 62 62	#743E3E
16.7%	16.7% #844F4F	RGB 132 79 79	#844F4F
33.3%	33.3% #956363	RGB 149 99 99	#956363
50.0%	50.0% #A57878	RGB 165 120 120	#A57878
66.7%	66.7% #B69090	RGB 182 144 144	#B69090
83.3%	83.3% #C6AAAA	RGB 198 170 170	#C6AAAA
100.0%	100.0% #D7C7C7	RGB 215 199 199	#D7C7C7

#743E3E #844F4F #956363 #A57878 #B69090 #C6AAAA #D7C7C7

#743E3E - #A57878 - #D7C7C7

Códigos CSS

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

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