#3668B5 - #004085 | 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 #3668B5 a #004085

#3668B5 #004085

Calcule el color entre dos colores, #3668B5 y #004085. 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)

#3668B5 - #004085 | 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 #3668B5 como 0% y #004085 como 100%.

0.0%	0.0% #3668B5	RGB 54 104 181	#3668B5
16.7%	16.7% #2D61AD	RGB 45 97 173	#2D61AD
33.3%	33.3% #245AA5	RGB 36 90 165	#245AA5
50.0%	50.0% #1B549D	RGB 27 84 157	#1B549D
66.7%	66.7% #124D95	RGB 18 77 149	#124D95
83.3%	83.3% #09468D	RGB 9 70 141	#09468D
100.0%	100.0% #004085	RGB 0 64 133	#004085

#3668B5 #2D61AD #245AA5 #1B549D #124D95 #09468D #004085

#3668B5 - #004085

Mezcla HSV

#3668B5 - #004085 | 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 #3668B5 como 0% y #004085 como 100%.

0.0%	0.0% #3668B5	RGB 54 104 181	#3668B5
16.7%	16.7% #2B60AD	RGB 43 96 173	#2B60AD
33.3%	33.3% #2058A5	RGB 32 88 165	#2058A5
50.0%	50.0% #17519D	RGB 23 81 157	#17519D
66.7%	66.7% #0E4B95	RGB 14 75 149	#0E4B95
83.3%	83.3% #07458D	RGB 7 69 141	#07458D
100.0%	100.0% #004085	RGB 0 64 133	#004085

#3668B5 #2B60AD #2058A5 #17519D #0E4B95 #07458D #004085

#3668B5 - #17519D - #004085

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3668B5 0%, #17519D 50%, #004085 100%);
    background: -webkit-linear-gradient(top, #3668B5 0%, #17519D 50%, #004085 100%);
    background: linear-gradient(to bottom, #3668B5 0%, #17519D 50%, #004085 100%);
}
</style>