#322B62 - #AD758A | 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 #322B62 a #AD758A

#322B62 #AD758A

Calcule el color entre dos colores, #322B62 y #AD758A. 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)

#322B62 - #AD758A | 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 #322B62 como 0% y #AD758A como 100%.

0.0%	0.0% #322B62	RGB 50 43 98	#322B62
16.7%	16.7% #463768	RGB 70 55 104	#463768
33.3%	33.3% #5B436F	RGB 91 67 111	#5B436F
50.0%	50.0% #6F5076	RGB 111 80 118	#6F5076
66.7%	66.7% #845C7C	RGB 132 92 124	#845C7C
83.3%	83.3% #986883	RGB 152 104 131	#986883
100.0%	100.0% #AD758A	RGB 173 117 138	#AD758A

#322B62 #463768 #5B436F #6F5076 #845C7C #986883 #AD758A

#322B62 - #AD758A

Mezcla HSV

#322B62 - #AD758A | 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 #322B62 como 0% y #AD758A como 100%.

0.0%	0.0% #322B62	RGB 50 43 98	#322B62
16.7%	16.7% #4A346E	RGB 74 52 110	#4A346E
33.3%	33.3% #643F7B	RGB 100 63 123	#643F7B
50.0%	50.0% #804B87	RGB 128 75 135	#804B87
66.7%	66.7% #94588C	RGB 148 88 140	#94588C
83.3%	83.3% #A0668A	RGB 160 102 138	#A0668A
100.0%	100.0% #AD758A	RGB 173 117 138	#AD758A

#322B62 #4A346E #643F7B #804B87 #94588C #A0668A #AD758A

#322B62 - #804B87 - #AD758A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #322B62 0%, #804B87 50%, #AD758A 100%);
    background: -webkit-linear-gradient(top, #322B62 0%, #804B87 50%, #AD758A 100%);
    background: linear-gradient(to bottom, #322B62 0%, #804B87 50%, #AD758A 100%);
}
</style>