#6EA8BD - #D5E6EC | 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 #6EA8BD a #D5E6EC

#6EA8BD #D5E6EC

Calcule el color entre dos colores, #6EA8BD y #D5E6EC. 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)

#6EA8BD - #D5E6EC | 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 #6EA8BD como 0% y #D5E6EC como 100%.

0.0%	0.0% #6EA8BD	RGB 110 168 189	#6EA8BD
16.7%	16.7% #7FB2C4	RGB 127 178 196	#7FB2C4
33.3%	33.3% #90BCCC	RGB 144 188 204	#90BCCC
50.0%	50.0% #A1C7D4	RGB 161 199 212	#A1C7D4
66.7%	66.7% #B2D1DC	RGB 178 209 220	#B2D1DC
83.3%	83.3% #C3DBE4	RGB 195 219 228	#C3DBE4
100.0%	100.0% #D5E6EC	RGB 213 230 236	#D5E6EC

#6EA8BD #7FB2C4 #90BCCC #A1C7D4 #B2D1DC #C3DBE4 #D5E6EC

#6EA8BD - #D5E6EC

Mezcla HSV

#6EA8BD - #D5E6EC | 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 #6EA8BD como 0% y #D5E6EC como 100%.

0.0%	0.0% #6EA8BD	RGB 110 168 189	#6EA8BD
16.7%	16.7% #7DB1C4	RGB 125 177 196	#7DB1C4
33.3%	33.3% #8CBBCC	RGB 140 187 204	#8CBBCC
50.0%	50.0% #9DC6D4	RGB 157 198 212	#9DC6D4
66.7%	66.7% #AFD0DC	RGB 175 208 220	#AFD0DC
83.3%	83.3% #C1DBE4	RGB 193 219 228	#C1DBE4
100.0%	100.0% #D5E6EC	RGB 213 230 236	#D5E6EC

#6EA8BD #7DB1C4 #8CBBCC #9DC6D4 #AFD0DC #C1DBE4 #D5E6EC

#6EA8BD - #9DC6D4 - #D5E6EC

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6EA8BD 0%, #9DC6D4 50%, #D5E6EC 100%);
    background: -webkit-linear-gradient(top, #6EA8BD 0%, #9DC6D4 50%, #D5E6EC 100%);
    background: linear-gradient(to bottom, #6EA8BD 0%, #9DC6D4 50%, #D5E6EC 100%);
}
</style>