#5300A6 - #17002F | 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 #5300A6 a #17002F

#5300A6 #17002F

Calcule el color entre dos colores, #5300A6 y #17002F. 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)

#5300A6 - #17002F | 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 #5300A6 como 0% y #17002F como 100%.

0.0%	0.0% #5300A6	RGB 83 0 166	#5300A6
16.7%	16.7% #490092	RGB 73 0 146	#490092
33.3%	33.3% #3F007E	RGB 63 0 126	#3F007E
50.0%	50.0% #35006A	RGB 53 0 106	#35006A
66.7%	66.7% #2B0056	RGB 43 0 86	#2B0056
83.3%	83.3% #210042	RGB 33 0 66	#210042
100.0%	100.0% #17002F	RGB 23 0 47	#17002F

#5300A6 #490092 #3F007E #35006A #2B0056 #210042 #17002F

#5300A6 - #17002F

Mezcla HSV

#5300A6 - #17002F | 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 #5300A6 como 0% y #17002F como 100%.

0.0%	0.0% #5300A6	RGB 83 0 166	#5300A6
16.7%	16.7% #480092	RGB 72 0 146	#480092
33.3%	33.3% #3E007E	RGB 62 0 126	#3E007E
50.0%	50.0% #34006A	RGB 52 0 106	#34006A
66.7%	66.7% #2A0056	RGB 42 0 86	#2A0056
83.3%	83.3% #200042	RGB 32 0 66	#200042
100.0%	100.0% #17002F	RGB 23 0 47	#17002F

#5300A6 #480092 #3E007E #34006A #2A0056 #200042 #17002F

#5300A6 - #34006A - #17002F

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5300A6 0%, #34006A 50%, #17002F 100%);
    background: -webkit-linear-gradient(top, #5300A6 0%, #34006A 50%, #17002F 100%);
    background: linear-gradient(to bottom, #5300A6 0%, #34006A 50%, #17002F 100%);
}
</style>