#683E3E - #CF8665 | 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 #683E3E a #CF8665

#683E3E #CF8665

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

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

0.0%	0.0% #683E3E	RGB 104 62 62	#683E3E
16.7%	16.7% #794A44	RGB 121 74 68	#794A44
33.3%	33.3% #8A564B	RGB 138 86 75	#8A564B
50.0%	50.0% #9B6251	RGB 155 98 81	#9B6251
66.7%	66.7% #AC6E58	RGB 172 110 88	#AC6E58
83.3%	83.3% #BD7A5E	RGB 189 122 94	#BD7A5E
100.0%	100.0% #CF8665	RGB 207 134 101	#CF8665

#683E3E #794A44 #8A564B #9B6251 #AC6E58 #BD7A5E #CF8665

#683E3E - #CF8665

Mezcla HSV

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

0.0%	0.0% #683E3E	RGB 104 62 62	#683E3E
16.7%	16.7% #794846	RGB 121 72 70	#794846
33.3%	33.3% #8A534D	RGB 138 83 77	#8A534D
50.0%	50.0% #9B5F54	RGB 155 95 84	#9B5F54
66.7%	66.7% #AC6B5A	RGB 172 107 90	#AC6B5A
83.3%	83.3% #BD7860	RGB 189 120 96	#BD7860
100.0%	100.0% #CF8665	RGB 207 134 101	#CF8665

#683E3E #794846 #8A534D #9B5F54 #AC6B5A #BD7860 #CF8665

#683E3E - #9B5F54 - #CF8665

Códigos CSS

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

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