#0016AF - #ADFDF9 | 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 #0016AF a #ADFDF9

#0016AF #ADFDF9

Calcule el color entre dos colores, #0016AF y #ADFDF9. 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)

#0016AF - #ADFDF9 | 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 #0016AF como 0% y #ADFDF9 como 100%.

0.0%	0.0% #0016AF	RGB 0 22 175	#0016AF
16.7%	16.7% #1C3CBB	RGB 28 60 187	#1C3CBB
33.3%	33.3% #3963C7	RGB 57 99 199	#3963C7
50.0%	50.0% #5689D4	RGB 86 137 212	#5689D4
66.7%	66.7% #73B0E0	RGB 115 176 224	#73B0E0
83.3%	83.3% #90D6EC	RGB 144 214 236	#90D6EC
100.0%	100.0% #ADFDF9	RGB 173 253 249	#ADFDF9

#0016AF #1C3CBB #3963C7 #5689D4 #73B0E0 #90D6EC #ADFDF9

#0016AF - #ADFDF9

Mezcla HSV

#0016AF - #ADFDF9 | 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 #0016AF como 0% y #ADFDF9 como 100%.

0.0%	0.0% #0016AF	RGB 0 22 175	#0016AF
16.7%	16.7% #1544BC	RGB 21 68 188	#1544BC
33.3%	33.3% #2D71C9	RGB 45 113 201	#2D71C9
50.0%	50.0% #499BD6	RGB 73 155 214	#499BD6
66.7%	66.7% #67C3E3	RGB 103 195 227	#67C3E3
83.3%	83.3% #88E5F0	RGB 136 229 240	#88E5F0
100.0%	100.0% #ADFDF9	RGB 173 253 249	#ADFDF9

#0016AF #1544BC #2D71C9 #499BD6 #67C3E3 #88E5F0 #ADFDF9

#0016AF - #499BD6 - #ADFDF9

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0016AF 0%, #499BD6 50%, #ADFDF9 100%);
    background: -webkit-linear-gradient(top, #0016AF 0%, #499BD6 50%, #ADFDF9 100%);
    background: linear-gradient(to bottom, #0016AF 0%, #499BD6 50%, #ADFDF9 100%);
}
</style>