#564C4F - #B576A8 | 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 #564C4F a #B576A8

#564C4F #B576A8

Calcule el color entre dos colores, #564C4F y #B576A8. 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)

#564C4F - #B576A8 | 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 #564C4F como 0% y #B576A8 como 100%.

0.0%	0.0% #564C4F	RGB 86 76 79	#564C4F
16.7%	16.7% #65535D	RGB 101 83 93	#65535D
33.3%	33.3% #755A6C	RGB 117 90 108	#755A6C
50.0%	50.0% #85617B	RGB 133 97 123	#85617B
66.7%	66.7% #95688A	RGB 149 104 138	#95688A
83.3%	83.3% #A56F99	RGB 165 111 153	#A56F99
100.0%	100.0% #B576A8	RGB 181 118 168	#B576A8

#564C4F #65535D #755A6C #85617B #95688A #A56F99 #B576A8

#564C4F - #B576A8

Mezcla HSV

#564C4F - #B576A8 | 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 #564C4F como 0% y #B576A8 como 100%.

0.0%	0.0% #564C4F	RGB 86 76 79	#564C4F
16.7%	16.7% #65565C	RGB 101 86 92	#65565C
33.3%	33.3% #755E69	RGB 117 94 105	#755E69
50.0%	50.0% #856677	RGB 133 102 119	#856677
66.7%	66.7% #956C86	RGB 149 108 134	#956C86
83.3%	83.3% #A57296	RGB 165 114 150	#A57296
100.0%	100.0% #B576A8	RGB 181 118 168	#B576A8

#564C4F #65565C #755E69 #856677 #956C86 #A57296 #B576A8

#564C4F - #856677 - #B576A8

Códigos CSS

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

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