#5E476D - #E28E7E | 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 #5E476D a #E28E7E

#5E476D #E28E7E

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

#5E476D - #E28E7E | 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 #5E476D como 0% y #E28E7E como 100%.

0.0%	0.0% #5E476D	RGB 94 71 109	#5E476D
16.7%	16.7% #74526F	RGB 116 82 111	#74526F
33.3%	33.3% #8A5E72	RGB 138 94 114	#8A5E72
50.0%	50.0% #A06A75	RGB 160 106 117	#A06A75
66.7%	66.7% #B67678	RGB 182 118 120	#B67678
83.3%	83.3% #CC827B	RGB 204 130 123	#CC827B
100.0%	100.0% #E28E7E	RGB 226 142 126	#E28E7E

#5E476D #74526F #8A5E72 #A06A75 #B67678 #CC827B #E28E7E

#5E476D - #E28E7E

Mezcla HSV

#5E476D - #E28E7E | 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 #5E476D como 0% y #E28E7E como 100%.

0.0%	0.0% #5E476D	RGB 94 71 109	#5E476D
16.7%	16.7% #7A5180	RGB 122 81 128	#7A5180
33.3%	33.3% #945B8D	RGB 148 91 141	#945B8D
50.0%	50.0% #A7658E	RGB 167 101 142	#A7658E
66.7%	66.7% #BB6E89	RGB 187 110 137	#BB6E89
83.3%	83.3% #CE767F	RGB 206 118 127	#CE767F
100.0%	100.0% #E28E7E	RGB 226 142 126	#E28E7E

#5E476D #7A5180 #945B8D #A7658E #BB6E89 #CE767F #E28E7E

#5E476D - #A7658E - #E28E7E

Códigos CSS

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

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