#693E3E - #D08664 | 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 #D08664

#693E3E #D08664

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

0.0%	0.0% #693E3E	RGB 105 62 62	#693E3E
16.7%	16.7% #7A4A44	RGB 122 74 68	#7A4A44
33.3%	33.3% #8B564A	RGB 139 86 74	#8B564A
50.0%	50.0% #9C6251	RGB 156 98 81	#9C6251
66.7%	66.7% #AD6E57	RGB 173 110 87	#AD6E57
83.3%	83.3% #BE7A5D	RGB 190 122 93	#BE7A5D
100.0%	100.0% #D08664	RGB 208 134 100	#D08664

#693E3E #7A4A44 #8B564A #9C6251 #AD6E57 #BE7A5D #D08664

#693E3E - #D08664

Mezcla HSV

#693E3E - #D08664 | 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 #D08664 como 100%.

0.0%	0.0% #693E3E	RGB 105 62 62	#693E3E
16.7%	16.7% #7A4845	RGB 122 72 69	#7A4845
33.3%	33.3% #8B534D	RGB 139 83 77	#8B534D
50.0%	50.0% #9C5F53	RGB 156 95 83	#9C5F53
66.7%	66.7% #AD6B59	RGB 173 107 89	#AD6B59
83.3%	83.3% #BE785F	RGB 190 120 95	#BE785F
100.0%	100.0% #D08664	RGB 208 134 100	#D08664

#693E3E #7A4845 #8B534D #9C5F53 #AD6B59 #BE785F #D08664

#693E3E - #9C5F53 - #D08664

Códigos CSS

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

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