#565553 - #171817 | 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 #171817

#565553 #171817

Calcule el color entre dos colores, #565553 y #171817. 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 - #171817 | 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 #171817 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% #363635	RGB 54 54 53	#363635
66.7%	66.7% #2C2C2B	RGB 44 44 43	#2C2C2B
83.3%	83.3% #212221	RGB 33 34 33	#212221
100.0%	100.0% #171817	RGB 23 24 23	#171817

#565553 #4B4A49 #41403F #363635 #2C2C2B #212221 #171817

#565553 - #171817

Mezcla HSV

#565553 - #171817 | 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 #171817 como 100%.

0.0%	0.0% #565553	RGB 86 85 83	#565553
16.7%	16.7% #4B4B48	RGB 75 75 72	#4B4B48
33.3%	33.3% #41413E	RGB 65 65 62	#41413E
50.0%	50.0% #363734	RGB 54 55 52	#363734
66.7%	66.7% #2B2C2A	RGB 43 44 42	#2B2C2A
83.3%	83.3% #212220	RGB 33 34 32	#212220
100.0%	100.0% #171817	RGB 23 24 23	#171817

#565553 #4B4B48 #41413E #363734 #2B2C2A #212220 #171817

#565553 - #363734 - #171817

Códigos CSS

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

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