#2F302B - #78765C | 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 #2F302B a #78765C

#2F302B #78765C

Calcule el color entre dos colores, #2F302B y #78765C. 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)

#2F302B - #78765C | 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 #2F302B como 0% y #78765C como 100%.

0.0%	0.0% #2F302B	RGB 47 48 43	#2F302B
16.7%	16.7% #3B3B33	RGB 59 59 51	#3B3B33
33.3%	33.3% #47473B	RGB 71 71 59	#47473B
50.0%	50.0% #535343	RGB 83 83 67	#535343
66.7%	66.7% #5F5E4B	RGB 95 94 75	#5F5E4B
83.3%	83.3% #6B6A53	RGB 107 106 83	#6B6A53
100.0%	100.0% #78765C	RGB 120 118 92	#78765C

#2F302B #3B3B33 #47473B #535343 #5F5E4B #6B6A53 #78765C

#2F302B - #78765C

Mezcla HSV

#2F302B - #78765C | 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 #2F302B como 0% y #78765C como 100%.

0.0%	0.0% #2F302B	RGB 47 48 43	#2F302B
16.7%	16.7% #3A3C34	RGB 58 60 52	#3A3C34
33.3%	33.3% #46483D	RGB 70 72 61	#46483D
50.0%	50.0% #535445	RGB 83 84 69	#535445
66.7%	66.7% #5F604D	RGB 95 96 77	#5F604D
83.3%	83.3% #6C6B55	RGB 108 107 85	#6C6B55
100.0%	100.0% #78765C	RGB 120 118 92	#78765C

#2F302B #3A3C34 #46483D #535445 #5F604D #6C6B55 #78765C

#2F302B - #535445 - #78765C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2F302B 0%, #535445 50%, #78765C 100%);
    background: -webkit-linear-gradient(top, #2F302B 0%, #535445 50%, #78765C 100%);
    background: linear-gradient(to bottom, #2F302B 0%, #535445 50%, #78765C 100%);
}
</style>