#6E6B5A - #1F1E19 | 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 #6E6B5A a #1F1E19

#6E6B5A #1F1E19

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

#6E6B5A - #1F1E19 | 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 #6E6B5A como 0% y #1F1E19 como 100%.

0.0%	0.0% #6E6B5A	RGB 110 107 90	#6E6B5A
16.7%	16.7% #605E4F	RGB 96 94 79	#605E4F
33.3%	33.3% #535144	RGB 83 81 68	#535144
50.0%	50.0% #464439	RGB 70 68 57	#464439
66.7%	66.7% #39372E	RGB 57 55 46	#39372E
83.3%	83.3% #2C2A23	RGB 44 42 35	#2C2A23
100.0%	100.0% #1F1E19	RGB 31 30 25	#1F1E19

#6E6B5A #605E4F #535144 #464439 #39372E #2C2A23 #1F1E19

#6E6B5A - #1F1E19

Mezcla HSV

#6E6B5A - #1F1E19 | 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 #6E6B5A como 0% y #1F1E19 como 100%.

0.0%	0.0% #6E6B5A	RGB 110 107 90	#6E6B5A
16.7%	16.7% #605E4F	RGB 96 94 79	#605E4F
33.3%	33.3% #535144	RGB 83 81 68	#535144
50.0%	50.0% #464439	RGB 70 68 57	#464439
66.7%	66.7% #39372E	RGB 57 55 46	#39372E
83.3%	83.3% #2C2A23	RGB 44 42 35	#2C2A23
100.0%	100.0% #1F1E19	RGB 31 30 25	#1F1E19

#6E6B5A #605E4F #535144 #464439 #39372E #2C2A23 #1F1E19

#6E6B5A - #464439 - #1F1E19

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6E6B5A 0%, #464439 50%, #1F1E19 100%);
    background: -webkit-linear-gradient(top, #6E6B5A 0%, #464439 50%, #1F1E19 100%);
    background: linear-gradient(to bottom, #6E6B5A 0%, #464439 50%, #1F1E19 100%);
}
</style>