#5E465A - #D369D4 | 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 #5E465A a #D369D4

#5E465A #D369D4

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

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

0.0%	0.0% #5E465A	RGB 94 70 90	#5E465A
16.7%	16.7% #714B6E	RGB 113 75 110	#714B6E
33.3%	33.3% #855182	RGB 133 81 130	#855182
50.0%	50.0% #985797	RGB 152 87 151	#985797
66.7%	66.7% #AC5DAB	RGB 172 93 171	#AC5DAB
83.3%	83.3% #BF63BF	RGB 191 99 191	#BF63BF
100.0%	100.0% #D369D4	RGB 211 105 212	#D369D4

#5E465A #714B6E #855182 #985797 #AC5DAB #BF63BF #D369D4

#5E465A - #D369D4

Mezcla HSV

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

0.0%	0.0% #5E465A	RGB 94 70 90	#5E465A
16.7%	16.7% #714F6D	RGB 113 79 109	#714F6D
33.3%	33.3% #855880	RGB 133 88 128	#855880
50.0%	50.0% #995E94	RGB 153 94 148	#995E94
66.7%	66.7% #AC63A9	RGB 172 99 169	#AC63A9
83.3%	83.3% #C067BE	RGB 192 103 190	#C067BE
100.0%	100.0% #D369D4	RGB 211 105 212	#D369D4

#5E465A #714F6D #855880 #995E94 #AC63A9 #C067BE #D369D4

#5E465A - #995E94 - #D369D4

Códigos CSS

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

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