#3E4D5E - #AE8ACF | 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 #3E4D5E a #AE8ACF

#3E4D5E #AE8ACF

Calcule el color entre dos colores, #3E4D5E y #AE8ACF. 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)

#3E4D5E - #AE8ACF | 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 #3E4D5E como 0% y #AE8ACF como 100%.

0.0%	0.0% #3E4D5E	RGB 62 77 94	#3E4D5E
16.7%	16.7% #505770	RGB 80 87 112	#505770
33.3%	33.3% #636183	RGB 99 97 131	#636183
50.0%	50.0% #766B96	RGB 118 107 150	#766B96
66.7%	66.7% #8875A9	RGB 136 117 169	#8875A9
83.3%	83.3% #9B7FBC	RGB 155 127 188	#9B7FBC
100.0%	100.0% #AE8ACF	RGB 174 138 207	#AE8ACF

#3E4D5E #505770 #636183 #766B96 #8875A9 #9B7FBC #AE8ACF

#3E4D5E - #AE8ACF

Mezcla HSV

#3E4D5E - #AE8ACF | 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 #3E4D5E como 0% y #AE8ACF como 100%.

0.0%	0.0% #3E4D5E	RGB 62 77 94	#3E4D5E
16.7%	16.7% #4A5670	RGB 74 86 112	#4A5670
33.3%	33.3% #575D83	RGB 87 93 131	#575D83
50.0%	50.0% #656396	RGB 101 99 150	#656396
66.7%	66.7% #7B70A9	RGB 123 112 169	#7B70A9
83.3%	83.3% #937DBC	RGB 147 125 188	#937DBC
100.0%	100.0% #AE8ACF	RGB 174 138 207	#AE8ACF

#3E4D5E #4A5670 #575D83 #656396 #7B70A9 #937DBC #AE8ACF

#3E4D5E - #656396 - #AE8ACF

Códigos CSS

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

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