#5E577B - #D1CFD9 | 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 #5E577B a #D1CFD9

#5E577B #D1CFD9

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

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

0.0%	0.0% #5E577B	RGB 94 87 123	#5E577B
16.7%	16.7% #716B8A	RGB 113 107 138	#716B8A
33.3%	33.3% #847F9A	RGB 132 127 154	#847F9A
50.0%	50.0% #9793AA	RGB 151 147 170	#9793AA
66.7%	66.7% #AAA7B9	RGB 170 167 185	#AAA7B9
83.3%	83.3% #BDBBC9	RGB 189 187 201	#BDBBC9
100.0%	100.0% #D1CFD9	RGB 209 207 217	#D1CFD9

#5E577B #716B8A #847F9A #9793AA #AAA7B9 #BDBBC9 #D1CFD9

#5E577B - #D1CFD9

Mezcla HSV

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

0.0%	0.0% #5E577B	RGB 94 87 123	#5E577B
16.7%	16.7% #6E678A	RGB 110 103 138	#6E678A
33.3%	33.3% #80799A	RGB 128 121 154	#80799A
50.0%	50.0% #928DAA	RGB 146 141 170	#928DAA
66.7%	66.7% #A6A1B9	RGB 166 161 185	#A6A1B9
83.3%	83.3% #BBB7C9	RGB 187 183 201	#BBB7C9
100.0%	100.0% #D1CFD9	RGB 209 207 217	#D1CFD9

#5E577B #6E678A #80799A #928DAA #A6A1B9 #BBB7C9 #D1CFD9

#5E577B - #928DAA - #D1CFD9

Códigos CSS

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

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