#6997EA - #B0CFEA | 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 #6997EA a #B0CFEA

#6997EA #B0CFEA

Calcule el color entre dos colores, #6997EA y #B0CFEA. 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)

#6997EA - #B0CFEA | 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 #6997EA como 0% y #B0CFEA como 100%.

0.0%	0.0% #6997EA	RGB 105 151 234	#6997EA
16.7%	16.7% #74A0EA	RGB 116 160 234	#74A0EA
33.3%	33.3% #80A9EA	RGB 128 169 234	#80A9EA
50.0%	50.0% #8CB3EA	RGB 140 179 234	#8CB3EA
66.7%	66.7% #98BCEA	RGB 152 188 234	#98BCEA
83.3%	83.3% #A4C5EA	RGB 164 197 234	#A4C5EA
100.0%	100.0% #B0CFEA	RGB 176 207 234	#B0CFEA

#6997EA #74A0EA #80A9EA #8CB3EA #98BCEA #A4C5EA #B0CFEA

#6997EA - #B0CFEA

Mezcla HSV

#6997EA - #B0CFEA | 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 #6997EA como 0% y #B0CFEA como 100%.

0.0%	0.0% #6997EA	RGB 105 151 234	#6997EA
16.7%	16.7% #74A2EA	RGB 116 162 234	#74A2EA
33.3%	33.3% #80ACEA	RGB 128 172 234	#80ACEA
50.0%	50.0% #8CB6EA	RGB 140 182 234	#8CB6EA
66.7%	66.7% #98BFEA	RGB 152 191 234	#98BFEA
83.3%	83.3% #A4C7EA	RGB 164 199 234	#A4C7EA
100.0%	100.0% #B0CFEA	RGB 176 207 234	#B0CFEA

#6997EA #74A2EA #80ACEA #8CB6EA #98BFEA #A4C7EA #B0CFEA

#6997EA - #8CB6EA - #B0CFEA

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6997EA 0%, #8CB6EA 50%, #B0CFEA 100%);
    background: -webkit-linear-gradient(top, #6997EA 0%, #8CB6EA 50%, #B0CFEA 100%);
    background: linear-gradient(to bottom, #6997EA 0%, #8CB6EA 50%, #B0CFEA 100%);
}
</style>