#0049A8 - #A8F9DF | 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 #0049A8 a #A8F9DF

#0049A8 #A8F9DF

Calcule el color entre dos colores, #0049A8 y #A8F9DF. 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)

#0049A8 - #A8F9DF | 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 #0049A8 como 0% y #A8F9DF como 100%.

0.0%	0.0% #0049A8	RGB 0 73 168	#0049A8
16.7%	16.7% #1C66B1	RGB 28 102 177	#1C66B1
33.3%	33.3% #3883BA	RGB 56 131 186	#3883BA
50.0%	50.0% #54A1C3	RGB 84 161 195	#54A1C3
66.7%	66.7% #70BECC	RGB 112 190 204	#70BECC
83.3%	83.3% #8CDBD5	RGB 140 219 213	#8CDBD5
100.0%	100.0% #A8F9DF	RGB 168 249 223	#A8F9DF

#0049A8 #1C66B1 #3883BA #54A1C3 #70BECC #8CDBD5 #A8F9DF

#0049A8 - #A8F9DF

Mezcla HSV

#0049A8 - #A8F9DF | 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 #0049A8 como 0% y #A8F9DF como 100%.

0.0%	0.0% #0049A8	RGB 0 73 168	#0049A8
16.7%	16.7% #1472B5	RGB 20 114 181	#1472B5
33.3%	33.3% #2B9AC3	RGB 43 154 195	#2B9AC3
50.0%	50.0% #46BFD0	RGB 70 191 208	#46BFD0
66.7%	66.7% #63DEDA	RGB 99 222 218	#63DEDA
83.3%	83.3% #84EBD9	RGB 132 235 217	#84EBD9
100.0%	100.0% #A8F9DF	RGB 168 249 223	#A8F9DF

#0049A8 #1472B5 #2B9AC3 #46BFD0 #63DEDA #84EBD9 #A8F9DF

#0049A8 - #46BFD0 - #A8F9DF

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0049A8 0%, #46BFD0 50%, #A8F9DF 100%);
    background: -webkit-linear-gradient(top, #0049A8 0%, #46BFD0 50%, #A8F9DF 100%);
    background: linear-gradient(to bottom, #0049A8 0%, #46BFD0 50%, #A8F9DF 100%);
}
</style>