#5E3D4C - #8B9A94 | 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 #5E3D4C a #8B9A94

#5E3D4C #8B9A94

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

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

0.0%	0.0% #5E3D4C	RGB 94 61 76	#5E3D4C
16.7%	16.7% #654C58	RGB 101 76 88	#654C58
33.3%	33.3% #6D5C64	RGB 109 92 100	#6D5C64
50.0%	50.0% #746B70	RGB 116 107 112	#746B70
66.7%	66.7% #7C7B7C	RGB 124 123 124	#7C7B7C
83.3%	83.3% #838A88	RGB 131 138 136	#838A88
100.0%	100.0% #8B9A94	RGB 139 154 148	#8B9A94

#5E3D4C #654C58 #6D5C64 #746B70 #7C7B7C #838A88 #8B9A94

#5E3D4C - #8B9A94

Mezcla HSV

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

0.0%	0.0% #5E3D4C	RGB 94 61 76	#5E3D4C
16.7%	16.7% #684766	RGB 104 71 102	#684766
33.3%	33.3% #645372	RGB 100 83 114	#645372
50.0%	50.0% #62607C	RGB 98 96 124	#62607C
66.7%	66.7% #6D7786	RGB 109 119 134	#6D7786
83.3%	83.3% #7B8E90	RGB 123 142 144	#7B8E90
100.0%	100.0% #8B9A94	RGB 139 154 148	#8B9A94

#5E3D4C #684766 #645372 #62607C #6D7786 #7B8E90 #8B9A94

#5E3D4C - #62607C - #8B9A94

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3D4C 0%, #62607C 50%, #8B9A94 100%);
    background: -webkit-linear-gradient(top, #5E3D4C 0%, #62607C 50%, #8B9A94 100%);
    background: linear-gradient(to bottom, #5E3D4C 0%, #62607C 50%, #8B9A94 100%);
}
</style>