#B2B5E7 - #4E62AF | 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 #B2B5E7 a #4E62AF

#B2B5E7 #4E62AF

Calcule el color entre dos colores, #B2B5E7 y #4E62AF. 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)

#B2B5E7 - #4E62AF | 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 #B2B5E7 como 0% y #4E62AF como 100%.

0.0%	0.0% #B2B5E7	RGB 178 181 231	#B2B5E7
16.7%	16.7% #A1A7DD	RGB 161 167 221	#A1A7DD
33.3%	33.3% #9099D4	RGB 144 153 212	#9099D4
50.0%	50.0% #808BCB	RGB 128 139 203	#808BCB
66.7%	66.7% #6F7DC1	RGB 111 125 193	#6F7DC1
83.3%	83.3% #5E6FB8	RGB 94 111 184	#5E6FB8
100.0%	100.0% #4E62AF	RGB 78 98 175	#4E62AF

#B2B5E7 #A1A7DD #9099D4 #808BCB #6F7DC1 #5E6FB8 #4E62AF

#B2B5E7 - #4E62AF

Mezcla HSV

#B2B5E7 - #4E62AF | 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 #B2B5E7 como 0% y #4E62AF como 100%.

0.0%	0.0% #B2B5E7	RGB 178 181 231	#B2B5E7
16.7%	16.7% #9EA3DD	RGB 158 163 221	#9EA3DD
33.3%	33.3% #8C94D4	RGB 140 148 212	#8C94D4
50.0%	50.0% #7B85CB	RGB 123 133 203	#7B85CB
66.7%	66.7% #6B78C1	RGB 107 120 193	#6B78C1
83.3%	83.3% #5C6CB8	RGB 92 108 184	#5C6CB8
100.0%	100.0% #4E62AF	RGB 78 98 175	#4E62AF

#B2B5E7 #9EA3DD #8C94D4 #7B85CB #6B78C1 #5C6CB8 #4E62AF

#B2B5E7 - #7B85CB - #4E62AF

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B2B5E7 0%, #7B85CB 50%, #4E62AF 100%);
    background: -webkit-linear-gradient(top, #B2B5E7 0%, #7B85CB 50%, #4E62AF 100%);
    background: linear-gradient(to bottom, #B2B5E7 0%, #7B85CB 50%, #4E62AF 100%);
}
</style>