#693E3E - #531807 | 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 #693E3E a #531807

#693E3E #531807

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

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

0.0%	0.0% #693E3E	RGB 105 62 62	#693E3E
16.7%	16.7% #653734	RGB 101 55 52	#653734
33.3%	33.3% #61312B	RGB 97 49 43	#61312B
50.0%	50.0% #5E2B22	RGB 94 43 34	#5E2B22
66.7%	66.7% #5A2419	RGB 90 36 25	#5A2419
83.3%	83.3% #561E10	RGB 86 30 16	#561E10
100.0%	100.0% #531807	RGB 83 24 7	#531807

#693E3E #653734 #61312B #5E2B22 #5A2419 #561E10 #531807

#693E3E - #531807

Mezcla HSV

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

0.0%	0.0% #693E3E	RGB 105 62 62	#693E3E
16.7%	16.7% #653533	RGB 101 53 51	#653533
33.3%	33.3% #612D29	RGB 97 45 41	#612D29
50.0%	50.0% #5E261F	RGB 94 38 31	#5E261F
66.7%	66.7% #5A2016	RGB 90 32 22	#5A2016
83.3%	83.3% #561C0E	RGB 86 28 14	#561C0E
100.0%	100.0% #531807	RGB 83 24 7	#531807

#693E3E #653533 #612D29 #5E261F #5A2016 #561C0E #531807

#693E3E - #5E261F - #531807

Códigos CSS

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

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