#0081AA - #B6DBE6 | 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 #0081AA a #B6DBE6

#0081AA #B6DBE6

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

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

0.0%	0.0% #0081AA	RGB 0 129 170	#0081AA
16.7%	16.7% #1E90B4	RGB 30 144 180	#1E90B4
33.3%	33.3% #3C9FBE	RGB 60 159 190	#3C9FBE
50.0%	50.0% #5BAEC8	RGB 91 174 200	#5BAEC8
66.7%	66.7% #79BDD2	RGB 121 189 210	#79BDD2
83.3%	83.3% #97CCDC	RGB 151 204 220	#97CCDC
100.0%	100.0% #B6DBE6	RGB 182 219 230	#B6DBE6

#0081AA #1E90B4 #3C9FBE #5BAEC8 #79BDD2 #97CCDC #B6DBE6

#0081AA - #B6DBE6

Mezcla HSV

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

0.0%	0.0% #0081AA	RGB 0 129 170	#0081AA
16.7%	16.7% #178EB4	RGB 23 142 180	#178EB4
33.3%	33.3% #329CBE	RGB 50 156 190	#329CBE
50.0%	50.0% #4FABC8	RGB 79 171 200	#4FABC8
66.7%	66.7% #6EBAD2	RGB 110 186 210	#6EBAD2
83.3%	83.3% #91CADC	RGB 145 202 220	#91CADC
100.0%	100.0% #B6DBE6	RGB 182 219 230	#B6DBE6

#0081AA #178EB4 #329CBE #4FABC8 #6EBAD2 #91CADC #B6DBE6

#0081AA - #4FABC8 - #B6DBE6

Códigos CSS

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

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