#484656 - #DA9072 | 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 #484656 a #DA9072

#484656 #DA9072

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

#484656 - #DA9072 | 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 #484656 como 0% y #DA9072 como 100%.

0.0%	0.0% #484656	RGB 72 70 86	#484656
16.7%	16.7% #60525A	RGB 96 82 90	#60525A
33.3%	33.3% #785E5F	RGB 120 94 95	#785E5F
50.0%	50.0% #916B64	RGB 145 107 100	#916B64
66.7%	66.7% #A97768	RGB 169 119 104	#A97768
83.3%	83.3% #C1836D	RGB 193 131 109	#C1836D
100.0%	100.0% #DA9072	RGB 218 144 114	#DA9072

#484656 #60525A #785E5F #916B64 #A97768 #C1836D #DA9072

#484656 - #DA9072

Mezcla HSV

#484656 - #DA9072 | 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 #484656 como 0% y #DA9072 como 100%.

0.0%	0.0% #484656	RGB 72 70 86	#484656
16.7%	16.7% #5E526C	RGB 94 82 108	#5E526C
33.3%	33.3% #7C5D82	RGB 124 93 130	#7C5D82
50.0%	50.0% #98658D	RGB 152 101 141	#98658D
66.7%	66.7% #AE6B88	RGB 174 107 136	#AE6B88
83.3%	83.3% #C47076	RGB 196 112 118	#C47076
100.0%	100.0% #DA9072	RGB 218 144 114	#DA9072

#484656 #5E526C #7C5D82 #98658D #AE6B88 #C47076 #DA9072

#484656 - #98658D - #DA9072

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #484656 0%, #98658D 50%, #DA9072 100%);
    background: -webkit-linear-gradient(top, #484656 0%, #98658D 50%, #DA9072 100%);
    background: linear-gradient(to bottom, #484656 0%, #98658D 50%, #DA9072 100%);
}
</style>