#6B5E5E - #232425 | 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 #6B5E5E a #232425

#6B5E5E #232425

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

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

0.0%	0.0% #6B5E5E	RGB 107 94 94	#6B5E5E
16.7%	16.7% #5F5454	RGB 95 84 84	#5F5454
33.3%	33.3% #534A4B	RGB 83 74 75	#534A4B
50.0%	50.0% #474141	RGB 71 65 65	#474141
66.7%	66.7% #3B3738	RGB 59 55 56	#3B3738
83.3%	83.3% #2F2D2E	RGB 47 45 46	#2F2D2E
100.0%	100.0% #232425	RGB 35 36 37	#232425

#6B5E5E #5F5454 #534A4B #474141 #3B3738 #2F2D2E #232425

#6B5E5E - #232425

Mezcla HSV

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

0.0%	0.0% #6B5E5E	RGB 107 94 94	#6B5E5E
16.7%	16.7% #5F5459	RGB 95 84 89	#5F5459
33.3%	33.3% #534B52	RGB 83 75 82	#534B52
50.0%	50.0% #464148	RGB 70 65 72	#464148
66.7%	66.7% #39373C	RGB 57 55 60	#39373C
83.3%	83.3% #2D2D30	RGB 45 45 48	#2D2D30
100.0%	100.0% #232425	RGB 35 36 37	#232425

#6B5E5E #5F5459 #534B52 #464148 #39373C #2D2D30 #232425

#6B5E5E - #464148 - #232425

Códigos CSS

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

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