#006E7D - #B6D5D9 | 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 #006E7D a #B6D5D9

#006E7D #B6D5D9

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

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

0.0%	0.0% #006E7D	RGB 0 110 125	#006E7D
16.7%	16.7% #1E7F8C	RGB 30 127 140	#1E7F8C
33.3%	33.3% #3C909B	RGB 60 144 155	#3C909B
50.0%	50.0% #5BA1AB	RGB 91 161 171	#5BA1AB
66.7%	66.7% #79B2BA	RGB 121 178 186	#79B2BA
83.3%	83.3% #97C3C9	RGB 151 195 201	#97C3C9
100.0%	100.0% #B6D5D9	RGB 182 213 217	#B6D5D9

#006E7D #1E7F8C #3C909B #5BA1AB #79B2BA #97C3C9 #B6D5D9

#006E7D - #B6D5D9

Mezcla HSV

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

0.0%	0.0% #006E7D	RGB 0 110 125	#006E7D
16.7%	16.7% #137D8C	RGB 19 125 140	#137D8C
33.3%	33.3% #2B8E9B	RGB 43 142 155	#2B8E9B
50.0%	50.0% #479FAB	RGB 71 159 171	#479FAB
66.7%	66.7% #68B0BA	RGB 104 176 186	#68B0BA
83.3%	83.3% #8CC2C9	RGB 140 194 201	#8CC2C9
100.0%	100.0% #B6D5D9	RGB 182 213 217	#B6D5D9

#006E7D #137D8C #2B8E9B #479FAB #68B0BA #8CC2C9 #B6D5D9

#006E7D - #479FAB - #B6D5D9

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #006E7D 0%, #479FAB 50%, #B6D5D9 100%);
    background: -webkit-linear-gradient(top, #006E7D 0%, #479FAB 50%, #B6D5D9 100%);
    background: linear-gradient(to bottom, #006E7D 0%, #479FAB 50%, #B6D5D9 100%);
}
</style>