#0076AA - #B6D7E6 | 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 #0076AA a #B6D7E6

#0076AA #B6D7E6

Calcule el color entre dos colores, #0076AA y #B6D7E6. 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)

#0076AA - #B6D7E6 | 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 #0076AA como 0% y #B6D7E6 como 100%.

0.0%	0.0% #0076AA	RGB 0 118 170	#0076AA
16.7%	16.7% #1E86B4	RGB 30 134 180	#1E86B4
33.3%	33.3% #3C96BE	RGB 60 150 190	#3C96BE
50.0%	50.0% #5BA6C8	RGB 91 166 200	#5BA6C8
66.7%	66.7% #79B6D2	RGB 121 182 210	#79B6D2
83.3%	83.3% #97C6DC	RGB 151 198 220	#97C6DC
100.0%	100.0% #B6D7E6	RGB 182 215 230	#B6D7E6

#0076AA #1E86B4 #3C96BE #5BA6C8 #79B6D2 #97C6DC #B6D7E6

#0076AA - #B6D7E6

Mezcla HSV

#0076AA - #B6D7E6 | 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 #0076AA como 0% y #B6D7E6 como 100%.

0.0%	0.0% #0076AA	RGB 0 118 170	#0076AA
16.7%	16.7% #1784B4	RGB 23 132 180	#1784B4
33.3%	33.3% #3292BE	RGB 50 146 190	#3292BE
50.0%	50.0% #4FA2C8	RGB 79 162 200	#4FA2C8
66.7%	66.7% #6EB3D2	RGB 110 179 210	#6EB3D2
83.3%	83.3% #91C4DC	RGB 145 196 220	#91C4DC
100.0%	100.0% #B6D7E6	RGB 182 215 230	#B6D7E6

#0076AA #1784B4 #3292BE #4FA2C8 #6EB3D2 #91C4DC #B6D7E6

#0076AA - #4FA2C8 - #B6D7E6

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0076AA 0%, #4FA2C8 50%, #B6D7E6 100%);
    background: -webkit-linear-gradient(top, #0076AA 0%, #4FA2C8 50%, #B6D7E6 100%);
    background: linear-gradient(to bottom, #0076AA 0%, #4FA2C8 50%, #B6D7E6 100%);
}
</style>