#6B6C68 - #374217 | 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 #6B6C68 a #374217

#6B6C68 #374217

Calcule el color entre dos colores, #6B6C68 y #374217. 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)

#6B6C68 - #374217 | 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 #6B6C68 como 0% y #374217 como 100%.

0.0%	0.0% #6B6C68	RGB 107 108 104	#6B6C68
16.7%	16.7% #62655A	RGB 98 101 90	#62655A
33.3%	33.3% #595E4D	RGB 89 94 77	#595E4D
50.0%	50.0% #51573F	RGB 81 87 63	#51573F
66.7%	66.7% #485032	RGB 72 80 50	#485032
83.3%	83.3% #3F4924	RGB 63 73 36	#3F4924
100.0%	100.0% #374217	RGB 55 66 23	#374217

#6B6C68 #62655A #595E4D #51573F #485032 #3F4924 #374217

#6B6C68 - #374217

Mezcla HSV

#6B6C68 - #374217 | 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 #6B6C68 como 0% y #374217 como 100%.

0.0%	0.0% #6B6C68	RGB 107 108 104	#6B6C68
16.7%	16.7% #616556	RGB 97 101 86	#616556
33.3%	33.3% #585E47	RGB 88 94 71	#585E47
50.0%	50.0% #4F5739	RGB 79 87 57	#4F5739
66.7%	66.7% #46502C	RGB 70 80 44	#46502C
83.3%	83.3% #3E4920	RGB 62 73 32	#3E4920
100.0%	100.0% #374217	RGB 55 66 23	#374217

#6B6C68 #616556 #585E47 #4F5739 #46502C #3E4920 #374217

#6B6C68 - #4F5739 - #374217

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B6C68 0%, #4F5739 50%, #374217 100%);
    background: -webkit-linear-gradient(top, #6B6C68 0%, #4F5739 50%, #374217 100%);
    background: linear-gradient(to bottom, #6B6C68 0%, #4F5739 50%, #374217 100%);
}
</style>