#6B5151 - #5C210D | 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 #6B5151 a #5C210D

#6B5151 #5C210D

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

#6B5151 - #5C210D | 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 #6B5151 como 0% y #5C210D como 100%.

0.0%	0.0% #6B5151	RGB 107 81 81	#6B5151
16.7%	16.7% #684945	RGB 104 73 69	#684945
33.3%	33.3% #66413A	RGB 102 65 58	#66413A
50.0%	50.0% #63392F	RGB 99 57 47	#63392F
66.7%	66.7% #613123	RGB 97 49 35	#613123
83.3%	83.3% #5E2918	RGB 94 41 24	#5E2918
100.0%	100.0% #5C210D	RGB 92 33 13	#5C210D

#6B5151 #684945 #66413A #63392F #613123 #5E2918 #5C210D

#6B5151 - #5C210D

Mezcla HSV

#6B5151 - #5C210D | 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 #6B5151 como 0% y #5C210D como 100%.

0.0%	0.0% #6B5151	RGB 107 81 81	#6B5151
16.7%	16.7% #684544	RGB 104 69 68	#684544
33.3%	33.3% #663C38	RGB 102 60 56	#663C38
50.0%	50.0% #63332C	RGB 99 51 44	#63332C
66.7%	66.7% #612C21	RGB 97 44 33	#612C21
83.3%	83.3% #5E2617	RGB 94 38 23	#5E2617
100.0%	100.0% #5C210D	RGB 92 33 13	#5C210D

#6B5151 #684544 #663C38 #63332C #612C21 #5E2617 #5C210D

#6B5151 - #63332C - #5C210D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B5151 0%, #63332C 50%, #5C210D 100%);
    background: -webkit-linear-gradient(top, #6B5151 0%, #63332C 50%, #5C210D 100%);
    background: linear-gradient(to bottom, #6B5151 0%, #63332C 50%, #5C210D 100%);
}
</style>