#5E3E5C - #AA68C4 | 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 #5E3E5C a #AA68C4

#5E3E5C #AA68C4

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

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

0.0%	0.0% #5E3E5C	RGB 94 62 92	#5E3E5C
16.7%	16.7% #6A456D	RGB 106 69 109	#6A456D
33.3%	33.3% #774C7E	RGB 119 76 126	#774C7E
50.0%	50.0% #845390	RGB 132 83 144	#845390
66.7%	66.7% #905AA1	RGB 144 90 161	#905AA1
83.3%	83.3% #9D61B2	RGB 157 97 178	#9D61B2
100.0%	100.0% #AA68C4	RGB 170 104 196	#AA68C4

#5E3E5C #6A456D #774C7E #845390 #905AA1 #9D61B2 #AA68C4

#5E3E5C - #AA68C4

Mezcla HSV

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

0.0%	0.0% #5E3E5C	RGB 94 62 92	#5E3E5C
16.7%	16.7% #6F466E	RGB 111 70 110	#6F466E
33.3%	33.3% #7D4E80	RGB 125 78 128	#7D4E80
50.0%	50.0% #8A5691	RGB 138 86 145	#8A5691
66.7%	66.7% #965CA2	RGB 150 92 162	#965CA2
83.3%	83.3% #A062B3	RGB 160 98 179	#A062B3
100.0%	100.0% #AA68C4	RGB 170 104 196	#AA68C4

#5E3E5C #6F466E #7D4E80 #8A5691 #965CA2 #A062B3 #AA68C4

#5E3E5C - #8A5691 - #AA68C4

Códigos CSS

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

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