#005280 - #64AEC2 | 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 #005280 a #64AEC2

#005280 #64AEC2

Calcule el color entre dos colores, #005280 y #64AEC2. 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)

#005280 - #64AEC2 | 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 #005280 como 0% y #64AEC2 como 100%.

0.0%	0.0% #005280	RGB 0 82 128	#005280
16.7%	16.7% #10618B	RGB 16 97 139	#10618B
33.3%	33.3% #217096	RGB 33 112 150	#217096
50.0%	50.0% #3280A1	RGB 50 128 161	#3280A1
66.7%	66.7% #428FAC	RGB 66 143 172	#428FAC
83.3%	83.3% #539EB7	RGB 83 158 183	#539EB7
100.0%	100.0% #64AEC2	RGB 100 174 194	#64AEC2

#005280 #10618B #217096 #3280A1 #428FAC #539EB7 #64AEC2

#005280 - #64AEC2

Mezcla HSV

#005280 - #64AEC2 | 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 #005280 como 0% y #64AEC2 como 100%.

0.0%	0.0% #005280	RGB 0 82 128	#005280
16.7%	16.7% #0B608B	RGB 11 96 139	#0B608B
33.3%	33.3% #196F96	RGB 25 111 150	#196F96
50.0%	50.0% #297EA1	RGB 41 126 161	#297EA1
66.7%	66.7% #3B8EAC	RGB 59 142 172	#3B8EAC
83.3%	83.3% #4E9EB7	RGB 78 158 183	#4E9EB7
100.0%	100.0% #64AEC2	RGB 100 174 194	#64AEC2

#005280 #0B608B #196F96 #297EA1 #3B8EAC #4E9EB7 #64AEC2

#005280 - #297EA1 - #64AEC2

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #005280 0%, #297EA1 50%, #64AEC2 100%);
    background: -webkit-linear-gradient(top, #005280 0%, #297EA1 50%, #64AEC2 100%);
    background: linear-gradient(to bottom, #005280 0%, #297EA1 50%, #64AEC2 100%);
}
</style>