#006DAA - #B6D5E6 | 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 #006DAA a #B6D5E6

#006DAA #B6D5E6

Calcule el color entre dos colores, #006DAA y #B6D5E6. 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)

#006DAA - #B6D5E6 | 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 #006DAA como 0% y #B6D5E6 como 100%.

0.0%	0.0% #006DAA	RGB 0 109 170	#006DAA
16.7%	16.7% #1E7EB4	RGB 30 126 180	#1E7EB4
33.3%	33.3% #3C8FBE	RGB 60 143 190	#3C8FBE
50.0%	50.0% #5BA1C8	RGB 91 161 200	#5BA1C8
66.7%	66.7% #79B2D2	RGB 121 178 210	#79B2D2
83.3%	83.3% #97C3DC	RGB 151 195 220	#97C3DC
100.0%	100.0% #B6D5E6	RGB 182 213 230	#B6D5E6

#006DAA #1E7EB4 #3C8FBE #5BA1C8 #79B2D2 #97C3DC #B6D5E6

#006DAA - #B6D5E6

Mezcla HSV

#006DAA - #B6D5E6 | 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 #006DAA como 0% y #B6D5E6 como 100%.

0.0%	0.0% #006DAA	RGB 0 109 170	#006DAA
16.7%	16.7% #177CB4	RGB 23 124 180	#177CB4
33.3%	33.3% #328CBE	RGB 50 140 190	#328CBE
50.0%	50.0% #4F9CC8	RGB 79 156 200	#4F9CC8
66.7%	66.7% #6EAED2	RGB 110 174 210	#6EAED2
83.3%	83.3% #91C1DC	RGB 145 193 220	#91C1DC
100.0%	100.0% #B6D5E6	RGB 182 213 230	#B6D5E6

#006DAA #177CB4 #328CBE #4F9CC8 #6EAED2 #91C1DC #B6D5E6

#006DAA - #4F9CC8 - #B6D5E6

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #006DAA 0%, #4F9CC8 50%, #B6D5E6 100%);
    background: -webkit-linear-gradient(top, #006DAA 0%, #4F9CC8 50%, #B6D5E6 100%);
    background: linear-gradient(to bottom, #006DAA 0%, #4F9CC8 50%, #B6D5E6 100%);
}
</style>