#5280B7 - #B1C3CE | 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 #5280B7 a #B1C3CE

#5280B7 #B1C3CE

Calcule el color entre dos colores, #5280B7 y #B1C3CE. 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)

#5280B7 - #B1C3CE | 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 #5280B7 como 0% y #B1C3CE como 100%.

0.0%	0.0% #5280B7	RGB 82 128 183	#5280B7
16.7%	16.7% #618BBA	RGB 97 139 186	#618BBA
33.3%	33.3% #7196BE	RGB 113 150 190	#7196BE
50.0%	50.0% #81A1C2	RGB 129 161 194	#81A1C2
66.7%	66.7% #91ACC6	RGB 145 172 198	#91ACC6
83.3%	83.3% #A1B7CA	RGB 161 183 202	#A1B7CA
100.0%	100.0% #B1C3CE	RGB 177 195 206	#B1C3CE

#5280B7 #618BBA #7196BE #81A1C2 #91ACC6 #A1B7CA #B1C3CE

#5280B7 - #B1C3CE

Mezcla HSV

#5280B7 - #B1C3CE | 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 #5280B7 como 0% y #B1C3CE como 100%.

0.0%	0.0% #527FB7	RGB 82 127 183	#527FB7
16.7%	16.7% #608CBA	RGB 96 140 186	#608CBA
33.3%	33.3% #6F97BE	RGB 111 151 190	#6F97BE
50.0%	50.0% #7FA3C2	RGB 127 163 194	#7FA3C2
66.7%	66.7% #8FAEC6	RGB 143 174 198	#8FAEC6
83.3%	83.3% #9FB8CA	RGB 159 184 202	#9FB8CA
100.0%	100.0% #B1C3CE	RGB 177 195 206	#B1C3CE

#527FB7 #608CBA #6F97BE #7FA3C2 #8FAEC6 #9FB8CA #B1C3CE

#5280B7 - #7FA3C2 - #B1C3CE

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #527FB7 0%, #7FA3C2 50%, #B1C3CE 100%);
    background: -webkit-linear-gradient(top, #527FB7 0%, #7FA3C2 50%, #B1C3CE 100%);
    background: linear-gradient(to bottom, #527FB7 0%, #7FA3C2 50%, #B1C3CE 100%);
}
</style>