#5E524D - #8F73A0 | 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 #5E524D a #8F73A0

#5E524D #8F73A0

Calcule el color entre dos colores, #5E524D y #8F73A0. 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)

#5E524D - #8F73A0 | 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 #5E524D como 0% y #8F73A0 como 100%.

0.0%	0.0% #5E524D	RGB 94 82 77	#5E524D
16.7%	16.7% #66575A	RGB 102 87 90	#66575A
33.3%	33.3% #6E5D68	RGB 110 93 104	#6E5D68
50.0%	50.0% #766276	RGB 118 98 118	#766276
66.7%	66.7% #7E6884	RGB 126 104 132	#7E6884
83.3%	83.3% #866D92	RGB 134 109 146	#866D92
100.0%	100.0% #8F73A0	RGB 143 115 160	#8F73A0

#5E524D #66575A #6E5D68 #766276 #7E6884 #866D92 #8F73A0

#5E524D - #8F73A0

Mezcla HSV

#5E524D - #8F73A0 | 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 #5E524D como 0% y #8F73A0 como 100%.

0.0%	0.0% #5E524D	RGB 94 82 77	#5E524D
16.7%	16.7% #695454	RGB 105 84 84	#695454
33.3%	33.3% #745B61	RGB 116 91 97	#745B61
50.0%	50.0% #7F6171	RGB 127 97 113	#7F6171
66.7%	66.7% #8A6783	RGB 138 103 131	#8A6783
83.3%	83.3% #916D95	RGB 145 109 149	#916D95
100.0%	100.0% #8F73A0	RGB 143 115 160	#8F73A0

#5E524D #695454 #745B61 #7F6171 #8A6783 #916D95 #8F73A0

#5E524D - #7F6171 - #8F73A0

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E524D 0%, #7F6171 50%, #8F73A0 100%);
    background: -webkit-linear-gradient(top, #5E524D 0%, #7F6171 50%, #8F73A0 100%);
    background: linear-gradient(to bottom, #5E524D 0%, #7F6171 50%, #8F73A0 100%);
}
</style>