#93778E - #5E2650 | 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 #93778E a #5E2650

#93778E #5E2650

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

#93778E - #5E2650 | 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 #93778E como 0% y #5E2650 como 100%.

0.0%	0.0% #93778E	RGB 147 119 142	#93778E
16.7%	16.7% #8A6983	RGB 138 105 131	#8A6983
33.3%	33.3% #815C79	RGB 129 92 121	#815C79
50.0%	50.0% #784E6F	RGB 120 78 111	#784E6F
66.7%	66.7% #6F4164	RGB 111 65 100	#6F4164
83.3%	83.3% #66335A	RGB 102 51 90	#66335A
100.0%	100.0% #5E2650	RGB 94 38 80	#5E2650

#93778E #8A6983 #815C79 #784E6F #6F4164 #66335A #5E2650

#93778E - #5E2650

Mezcla HSV

#93778E - #5E2650 | 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 #93778E como 0% y #5E2650 como 100%.

0.0%	0.0% #93778E	RGB 147 119 142	#93778E
16.7%	16.7% #8A6683	RGB 138 102 131	#8A6683
33.3%	33.3% #815778	RGB 129 87 120	#815778
50.0%	50.0% #78496E	RGB 120 73 110	#78496E
66.7%	66.7% #6F3C64	RGB 111 60 100	#6F3C64
83.3%	83.3% #663059	RGB 102 48 89	#663059
100.0%	100.0% #5E2650	RGB 94 38 80	#5E2650

#93778E #8A6683 #815778 #78496E #6F3C64 #663059 #5E2650

#93778E - #78496E - #5E2650

Códigos CSS

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

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