#646460 - #DBAC7E | 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 #646460 a #DBAC7E

#646460 #DBAC7E

Calcule el color entre dos colores, #646460 y #DBAC7E. 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)

#646460 - #DBAC7E | 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 #646460 como 0% y #DBAC7E como 100%.

0.0%	0.0% #646460	RGB 100 100 96	#646460
16.7%	16.7% #777065	RGB 119 112 101	#777065
33.3%	33.3% #8B7C6A	RGB 139 124 106	#8B7C6A
50.0%	50.0% #9F886F	RGB 159 136 111	#9F886F
66.7%	66.7% #B39474	RGB 179 148 116	#B39474
83.3%	83.3% #C7A079	RGB 199 160 121	#C7A079
100.0%	100.0% #DBAC7E	RGB 219 172 126	#DBAC7E

#646460 #777065 #8B7C6A #9F886F #B39474 #C7A079 #DBAC7E

#646460 - #DBAC7E

Mezcla HSV

#646460 - #DBAC7E | 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 #646460 como 0% y #DBAC7E como 100%.

0.0%	0.0% #646460	RGB 100 100 96	#646460
16.7%	16.7% #77766B	RGB 119 118 107	#77766B
33.3%	33.3% #8B8774	RGB 139 135 116	#8B8774
50.0%	50.0% #9F967A	RGB 159 150 122	#9F967A
66.7%	66.7% #B3A17E	RGB 179 161 126	#B3A17E
83.3%	83.3% #C7A87F	RGB 199 168 127	#C7A87F
100.0%	100.0% #DBAC7E	RGB 219 172 126	#DBAC7E

#646460 #77766B #8B8774 #9F967A #B3A17E #C7A87F #DBAC7E

#646460 - #9F967A - #DBAC7E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #646460 0%, #9F967A 50%, #DBAC7E 100%);
    background: -webkit-linear-gradient(top, #646460 0%, #9F967A 50%, #DBAC7E 100%);
    background: linear-gradient(to bottom, #646460 0%, #9F967A 50%, #DBAC7E 100%);
}
</style>