#4B00A1 - #15002E | 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 #4B00A1 a #15002E

#4B00A1 #15002E

Calcule el color entre dos colores, #4B00A1 y #15002E. 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)

#4B00A1 - #15002E | 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 #4B00A1 como 0% y #15002E como 100%.

0.0%	0.0% #4B00A1	RGB 75 0 161	#4B00A1
16.7%	16.7% #42008D	RGB 66 0 141	#42008D
33.3%	33.3% #39007A	RGB 57 0 122	#39007A
50.0%	50.0% #300067	RGB 48 0 103	#300067
66.7%	66.7% #270054	RGB 39 0 84	#270054
83.3%	83.3% #1E0041	RGB 30 0 65	#1E0041
100.0%	100.0% #15002E	RGB 21 0 46	#15002E

#4B00A1 #42008D #39007A #300067 #270054 #1E0041 #15002E

#4B00A1 - #15002E

Mezcla HSV

#4B00A1 - #15002E | 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 #4B00A1 como 0% y #15002E como 100%.

0.0%	0.0% #4B00A1	RGB 75 0 161	#4B00A1
16.7%	16.7% #41008D	RGB 65 0 141	#41008D
33.3%	33.3% #38007A	RGB 56 0 122	#38007A
50.0%	50.0% #2F0067	RGB 47 0 103	#2F0067
66.7%	66.7% #260054	RGB 38 0 84	#260054
83.3%	83.3% #1D0041	RGB 29 0 65	#1D0041
100.0%	100.0% #15002E	RGB 21 0 46	#15002E

#4B00A1 #41008D #38007A #2F0067 #260054 #1D0041 #15002E

#4B00A1 - #2F0067 - #15002E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4B00A1 0%, #2F0067 50%, #15002E 100%);
    background: -webkit-linear-gradient(top, #4B00A1 0%, #2F0067 50%, #15002E 100%);
    background: linear-gradient(to bottom, #4B00A1 0%, #2F0067 50%, #15002E 100%);
}
</style>