#7536B5 - #210F33 | 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 #7536B5 a #210F33

#7536B5 #210F33

Calcule el color entre dos colores, #7536B5 y #210F33. 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)

#7536B5 - #210F33 | 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 #7536B5 como 0% y #210F33 como 100%.

0.0%	0.0% #7536B5	RGB 117 54 181	#7536B5
16.7%	16.7% #672F9F	RGB 103 47 159	#672F9F
33.3%	33.3% #592989	RGB 89 41 137	#592989
50.0%	50.0% #4B2274	RGB 75 34 116	#4B2274
66.7%	66.7% #3D1C5E	RGB 61 28 94	#3D1C5E
83.3%	83.3% #2F1548	RGB 47 21 72	#2F1548
100.0%	100.0% #210F33	RGB 33 15 51	#210F33

#7536B5 #672F9F #592989 #4B2274 #3D1C5E #2F1548 #210F33

#7536B5 - #210F33

Mezcla HSV

#7536B5 - #210F33 | 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 #7536B5 como 0% y #210F33 como 100%.

0.0%	0.0% #7436B5	RGB 116 54 181	#7436B5
16.7%	16.7% #672F9F	RGB 103 47 159	#672F9F
33.3%	33.3% #592889	RGB 89 40 137	#592889
50.0%	50.0% #4B2274	RGB 75 34 116	#4B2274
66.7%	66.7% #3D1B5E	RGB 61 27 94	#3D1B5E
83.3%	83.3% #2F1548	RGB 47 21 72	#2F1548
100.0%	100.0% #210F33	RGB 33 15 51	#210F33

#7436B5 #672F9F #592889 #4B2274 #3D1B5E #2F1548 #210F33

#7536B5 - #4B2274 - #210F33

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7436B5 0%, #4B2274 50%, #210F33 100%);
    background: -webkit-linear-gradient(top, #7436B5 0%, #4B2274 50%, #210F33 100%);
    background: linear-gradient(to bottom, #7436B5 0%, #4B2274 50%, #210F33 100%);
}
</style>