#402F5E - #5E74AB | 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 #402F5E a #5E74AB

#402F5E #5E74AB

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

#402F5E - #5E74AB | 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 #402F5E como 0% y #5E74AB como 100%.

0.0%	0.0% #402F5E	RGB 64 47 94	#402F5E
16.7%	16.7% #453A6A	RGB 69 58 106	#453A6A
33.3%	33.3% #4A4677	RGB 74 70 119	#4A4677
50.0%	50.0% #4F5184	RGB 79 81 132	#4F5184
66.7%	66.7% #545D91	RGB 84 93 145	#545D91
83.3%	83.3% #59689E	RGB 89 104 158	#59689E
100.0%	100.0% #5E74AB	RGB 94 116 171	#5E74AB

#402F5E #453A6A #4A4677 #4F5184 #545D91 #59689E #5E74AB

#402F5E - #5E74AB

Mezcla HSV

#402F5E - #5E74AB | 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 #402F5E como 0% y #5E74AB como 100%.

0.0%	0.0% #3F2F5E	RGB 63 47 94	#3F2F5E
16.7%	16.7% #43366A	RGB 67 54 106	#43366A
33.3%	33.3% #463D77	RGB 70 61 119	#463D77
50.0%	50.0% #474584	RGB 71 69 132	#474584
66.7%	66.7% #4D5291	RGB 77 82 145	#4D5291
83.3%	83.3% #55629E	RGB 85 98 158	#55629E
100.0%	100.0% #5E74AB	RGB 94 116 171	#5E74AB

#3F2F5E #43366A #463D77 #474584 #4D5291 #55629E #5E74AB

#402F5E - #474584 - #5E74AB

Códigos CSS

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

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