#005F9B - #B6D1E2 | 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 #005F9B a #B6D1E2

#005F9B #B6D1E2

Calcule el color entre dos colores, #005F9B y #B6D1E2. 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)

#005F9B - #B6D1E2 | 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 #005F9B como 0% y #B6D1E2 como 100%.

0.0%	0.0% #005F9B	RGB 0 95 155	#005F9B
16.7%	16.7% #1E72A6	RGB 30 114 166	#1E72A6
33.3%	33.3% #3C85B2	RGB 60 133 178	#3C85B2
50.0%	50.0% #5B98BE	RGB 91 152 190	#5B98BE
66.7%	66.7% #79ABCA	RGB 121 171 202	#79ABCA
83.3%	83.3% #97BED6	RGB 151 190 214	#97BED6
100.0%	100.0% #B6D1E2	RGB 182 209 226	#B6D1E2

#005F9B #1E72A6 #3C85B2 #5B98BE #79ABCA #97BED6 #B6D1E2

#005F9B - #B6D1E2

Mezcla HSV

#005F9B - #B6D1E2 | 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 #005F9B como 0% y #B6D1E2 como 100%.

0.0%	0.0% #005F9B	RGB 0 95 155	#005F9B
16.7%	16.7% #166EA6	RGB 22 110 166	#166EA6
33.3%	33.3% #2F80B2	RGB 47 128 178	#2F80B2
50.0%	50.0% #4C92BE	RGB 76 146 190	#4C92BE
66.7%	66.7% #6CA6CA	RGB 108 166 202	#6CA6CA
83.3%	83.3% #8FBAD6	RGB 143 186 214	#8FBAD6
100.0%	100.0% #B6D1E2	RGB 182 209 226	#B6D1E2

#005F9B #166EA6 #2F80B2 #4C92BE #6CA6CA #8FBAD6 #B6D1E2

#005F9B - #4C92BE - #B6D1E2

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #005F9B 0%, #4C92BE 50%, #B6D1E2 100%);
    background: -webkit-linear-gradient(top, #005F9B 0%, #4C92BE 50%, #B6D1E2 100%);
    background: linear-gradient(to bottom, #005F9B 0%, #4C92BE 50%, #B6D1E2 100%);
}
</style>