#585356 - #460C3E | 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 #585356 a #460C3E

#585356 #460C3E

Calcule el color entre dos colores, #585356 y #460C3E. 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)

#585356 - #460C3E | 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 #585356 como 0% y #460C3E como 100%.

0.0%	0.0% #585356	RGB 88 83 86	#585356
16.7%	16.7% #554752	RGB 85 71 82	#554752
33.3%	33.3% #523B4E	RGB 82 59 78	#523B4E
50.0%	50.0% #4F2F4A	RGB 79 47 74	#4F2F4A
66.7%	66.7% #4C2346	RGB 76 35 70	#4C2346
83.3%	83.3% #491742	RGB 73 23 66	#491742
100.0%	100.0% #460C3E	RGB 70 12 62	#460C3E

#585356 #554752 #523B4E #4F2F4A #4C2346 #491742 #460C3E

#585356 - #460C3E

Mezcla HSV

#585356 - #460C3E | 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 #585356 como 0% y #460C3E como 100%.

0.0%	0.0% #585356	RGB 88 83 86	#585356
16.7%	16.7% #55454F	RGB 85 69 79	#55454F
33.3%	33.3% #523849	RGB 82 56 73	#523849
50.0%	50.0% #4F2C45	RGB 79 44 69	#4F2C45
66.7%	66.7% #4C2042	RGB 76 32 66	#4C2042
83.3%	83.3% #49153F	RGB 73 21 63	#49153F
100.0%	100.0% #460C3E	RGB 70 12 62	#460C3E

#585356 #55454F #523849 #4F2C45 #4C2042 #49153F #460C3E

#585356 - #4F2C45 - #460C3E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #585356 0%, #4F2C45 50%, #460C3E 100%);
    background: -webkit-linear-gradient(top, #585356 0%, #4F2C45 50%, #460C3E 100%);
    background: linear-gradient(to bottom, #585356 0%, #4F2C45 50%, #460C3E 100%);
}
</style>