#686768 - #232B22 | 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 #686768 a #232B22

#686768 #232B22

Calcule el color entre dos colores, #686768 y #232B22. 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)

#686768 - #232B22 | 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 #686768 como 0% y #232B22 como 100%.

0.0%	0.0% #686768	RGB 104 103 104	#686768
16.7%	16.7% #5C5D5C	RGB 92 93 92	#5C5D5C
33.3%	33.3% #515350	RGB 81 83 80	#515350
50.0%	50.0% #454945	RGB 69 73 69	#454945
66.7%	66.7% #3A3F39	RGB 58 63 57	#3A3F39
83.3%	83.3% #2E352D	RGB 46 53 45	#2E352D
100.0%	100.0% #232B22	RGB 35 43 34	#232B22

#686768 #5C5D5C #515350 #454945 #3A3F39 #2E352D #232B22

#686768 - #232B22

Mezcla HSV

#686768 - #232B22 | 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 #686768 como 0% y #232B22 como 100%.

0.0%	0.0% #686768	RGB 104 103 104	#686768
16.7%	16.7% #5D595B	RGB 93 89 91	#5D595B
33.3%	33.3% #534D4D	RGB 83 77 77	#534D4D
50.0%	50.0% #494541	RGB 73 69 65	#494541
66.7%	66.7% #3F3E36	RGB 63 62 54	#3F3E36
83.3%	83.3% #31352B	RGB 49 53 43	#31352B
100.0%	100.0% #232B22	RGB 35 43 34	#232B22

#686768 #5D595B #534D4D #494541 #3F3E36 #31352B #232B22

#686768 - #494541 - #232B22

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #686768 0%, #494541 50%, #232B22 100%);
    background: -webkit-linear-gradient(top, #686768 0%, #494541 50%, #232B22 100%);
    background: linear-gradient(to bottom, #686768 0%, #494541 50%, #232B22 100%);
}
</style>