#6565B0 - #1B275B | 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 #6565B0 a #1B275B

#6565B0 #1B275B

Calcule el color entre dos colores, #6565B0 y #1B275B. 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)

#6565B0 - #1B275B | 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 #6565B0 como 0% y #1B275B como 100%.

0.0%	0.0% #6565B0	RGB 101 101 176	#6565B0
16.7%	16.7% #585AA1	RGB 88 90 161	#585AA1
33.3%	33.3% #4C5093	RGB 76 80 147	#4C5093
50.0%	50.0% #404685	RGB 64 70 133	#404685
66.7%	66.7% #333B77	RGB 51 59 119	#333B77
83.3%	83.3% #273169	RGB 39 49 105	#273169
100.0%	100.0% #1B275B	RGB 27 39 91	#1B275B

#6565B0 #585AA1 #4C5093 #404685 #333B77 #273169 #1B275B

#6565B0 - #1B275B

Mezcla HSV

#6565B0 - #1B275B | 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 #6565B0 como 0% y #1B275B como 100%.

0.0%	0.0% #6565B0	RGB 101 101 176	#6565B0
16.7%	16.7% #5557A1	RGB 85 87 161	#5557A1
33.3%	33.3% #474B93	RGB 71 75 147	#474B93
50.0%	50.0% #3A4185	RGB 58 65 133	#3A4185
66.7%	66.7% #2E3777	RGB 46 55 119	#2E3777
83.3%	83.3% #242E69	RGB 36 46 105	#242E69
100.0%	100.0% #1B275B	RGB 27 39 91	#1B275B

#6565B0 #5557A1 #474B93 #3A4185 #2E3777 #242E69 #1B275B

#6565B0 - #3A4185 - #1B275B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6565B0 0%, #3A4185 50%, #1B275B 100%);
    background: -webkit-linear-gradient(top, #6565B0 0%, #3A4185 50%, #1B275B 100%);
    background: linear-gradient(to bottom, #6565B0 0%, #3A4185 50%, #1B275B 100%);
}
</style>