#5E566A - #EE9F7D | 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 #5E566A a #EE9F7D

#5E566A #EE9F7D

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

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

0.0%	0.0% #5E566A	RGB 94 86 106	#5E566A
16.7%	16.7% #76626D	RGB 118 98 109	#76626D
33.3%	33.3% #8E6E70	RGB 142 110 112	#8E6E70
50.0%	50.0% #A67A73	RGB 166 122 115	#A67A73
66.7%	66.7% #BE8676	RGB 190 134 118	#BE8676
83.3%	83.3% #D69279	RGB 214 146 121	#D69279
100.0%	100.0% #EE9F7D	RGB 238 159 125	#EE9F7D

#5E566A #76626D #8E6E70 #A67A73 #BE8676 #D69279 #EE9F7D

#5E566A - #EE9F7D

Mezcla HSV

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

0.0%	0.0% #5E566A	RGB 94 86 106	#5E566A
16.7%	16.7% #776180	RGB 119 97 128	#776180
33.3%	33.3% #966B94	RGB 150 107 148	#966B94
50.0%	50.0% #AC7298	RGB 172 114 152	#AC7298
66.7%	66.7% #C27890	RGB 194 120 144	#C27890
83.3%	83.3% #D87B7D	RGB 216 123 125	#D87B7D
100.0%	100.0% #EE9F7D	RGB 238 159 125	#EE9F7D

#5E566A #776180 #966B94 #AC7298 #C27890 #D87B7D #EE9F7D

#5E566A - #AC7298 - #EE9F7D

Códigos CSS

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

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