#565553 - #181817 | 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 #565553 a #181817

#565553 #181817

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

#565553 - #181817 | 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 #565553 como 0% y #181817 como 100%.

0.0%	0.0% #565553	RGB 86 85 83	#565553
16.7%	16.7% #4B4A49	RGB 75 74 73	#4B4A49
33.3%	33.3% #41403F	RGB 65 64 63	#41403F
50.0%	50.0% #373635	RGB 55 54 53	#373635
66.7%	66.7% #2C2C2B	RGB 44 44 43	#2C2C2B
83.3%	83.3% #222221	RGB 34 34 33	#222221
100.0%	100.0% #181817	RGB 24 24 23	#181817

#565553 #4B4A49 #41403F #373635 #2C2C2B #222221 #181817

#565553 - #181817

Mezcla HSV

#565553 - #181817 | 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 #565553 como 0% y #181817 como 100%.

0.0%	0.0% #565553	RGB 86 85 83	#565553
16.7%	16.7% #4B4A48	RGB 75 74 72	#4B4A48
33.3%	33.3% #41403E	RGB 65 64 62	#41403E
50.0%	50.0% #373634	RGB 55 54 52	#373634
66.7%	66.7% #2C2C2A	RGB 44 44 42	#2C2C2A
83.3%	83.3% #222220	RGB 34 34 32	#222220
100.0%	100.0% #181817	RGB 24 24 23	#181817

#565553 #4B4A48 #41403E #373634 #2C2C2A #222220 #181817

#565553 - #373634 - #181817

Códigos CSS

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

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