#5E5E7B - #281467 | 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 #5E5E7B a #281467

#5E5E7B #281467

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

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

0.0%	0.0% #5E5E7B	RGB 94 94 123	#5E5E7B
16.7%	16.7% #555177	RGB 85 81 119	#555177
33.3%	33.3% #4C4574	RGB 76 69 116	#4C4574
50.0%	50.0% #433971	RGB 67 57 113	#433971
66.7%	66.7% #3A2C6D	RGB 58 44 109	#3A2C6D
83.3%	83.3% #31206A	RGB 49 32 106	#31206A
100.0%	100.0% #281467	RGB 40 20 103	#281467

#5E5E7B #555177 #4C4574 #433971 #3A2C6D #31206A #281467

#5E5E7B - #281467

Mezcla HSV

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

0.0%	0.0% #5E5E7B	RGB 94 94 123	#5E5E7B
16.7%	16.7% #515077	RGB 81 80 119	#515077
33.3%	33.3% #464274	RGB 70 66 116	#464274
50.0%	50.0% #3D3671	RGB 61 54 113	#3D3671
66.7%	66.7% #342A6D	RGB 52 42 109	#342A6D
83.3%	83.3% #2D1E6A	RGB 45 30 106	#2D1E6A
100.0%	100.0% #281467	RGB 40 20 103	#281467

#5E5E7B #515077 #464274 #3D3671 #342A6D #2D1E6A #281467

#5E5E7B - #3D3671 - #281467

Códigos CSS

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

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