#1F1036 - #8C4466 | 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 #1F1036 a #8C4466

#1F1036 #8C4466

Calcule el color entre dos colores, #1F1036 y #8C4466. 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)

#1F1036 - #8C4466 | 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 #1F1036 como 0% y #8C4466 como 100%.

0.0%	0.0% #1F1036	RGB 31 16 54	#1F1036
16.7%	16.7% #31183E	RGB 49 24 62	#31183E
33.3%	33.3% #432146	RGB 67 33 70	#432146
50.0%	50.0% #552A4E	RGB 85 42 78	#552A4E
66.7%	66.7% #673256	RGB 103 50 86	#673256
83.3%	83.3% #793B5E	RGB 121 59 94	#793B5E
100.0%	100.0% #8C4466	RGB 140 68 102	#8C4466

#1F1036 #31183E #432146 #552A4E #673256 #793B5E #8C4466

#1F1036 - #8C4466

Mezcla HSV

#1F1036 - #8C4466 | 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 #1F1036 como 0% y #8C4466 como 100%.

0.0%	0.0% #1F1036	RGB 31 16 54	#1F1036
16.7%	16.7% #311644	RGB 49 22 68	#311644
33.3%	33.3% #461D52	RGB 70 29 82	#461D52
50.0%	50.0% #5E2561	RGB 94 37 97	#5E2561
66.7%	66.7% #6F2F65	RGB 111 47 101	#6F2F65
83.3%	83.3% #7D3966	RGB 125 57 102	#7D3966
100.0%	100.0% #8C4466	RGB 140 68 102	#8C4466

#1F1036 #311644 #461D52 #5E2561 #6F2F65 #7D3966 #8C4466

#1F1036 - #5E2561 - #8C4466

Códigos CSS

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

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