#003380 - #3D87C7 | 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 #003380 a #3D87C7

#003380 #3D87C7

Calcule el color entre dos colores, #003380 y #3D87C7. 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)

#003380 - #3D87C7 | 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 #003380 como 0% y #3D87C7 como 100%.

0.0%	0.0% #003380	RGB 0 51 128	#003380
16.7%	16.7% #0A418B	RGB 10 65 139	#0A418B
33.3%	33.3% #144F97	RGB 20 79 151	#144F97
50.0%	50.0% #1E5DA3	RGB 30 93 163	#1E5DA3
66.7%	66.7% #286BAF	RGB 40 107 175	#286BAF
83.3%	83.3% #3279BB	RGB 50 121 187	#3279BB
100.0%	100.0% #3D87C7	RGB 61 135 199	#3D87C7

#003380 #0A418B #144F97 #1E5DA3 #286BAF #3279BB #3D87C7

#003380 - #3D87C7

Mezcla HSV

#003380 - #3D87C7 | 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 #003380 como 0% y #3D87C7 como 100%.

0.0%	0.0% #003280	RGB 0 50 128	#003280
16.7%	16.7% #073F8B	RGB 7 63 139	#073F8B
33.3%	33.3% #0F4C97	RGB 15 76 151	#0F4C97
50.0%	50.0% #1959A3	RGB 25 89 163	#1959A3
66.7%	66.7% #2368AF	RGB 35 104 175	#2368AF
83.3%	83.3% #2F77BB	RGB 47 119 187	#2F77BB
100.0%	100.0% #3D87C7	RGB 61 135 199	#3D87C7

#003280 #073F8B #0F4C97 #1959A3 #2368AF #2F77BB #3D87C7

#003380 - #1959A3 - #3D87C7

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #003280 0%, #1959A3 50%, #3D87C7 100%);
    background: -webkit-linear-gradient(top, #003280 0%, #1959A3 50%, #3D87C7 100%);
    background: linear-gradient(to bottom, #003280 0%, #1959A3 50%, #3D87C7 100%);
}
</style>