#5E8DAD - #A0BBC7 | 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 #5E8DAD a #A0BBC7

#5E8DAD #A0BBC7

Calcule el color entre dos colores, #5E8DAD y #A0BBC7. 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)

#5E8DAD - #A0BBC7 | 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 #5E8DAD como 0% y #A0BBC7 como 100%.

0.0%	0.0% #5E8DAD	RGB 94 141 173	#5E8DAD
16.7%	16.7% #6994B1	RGB 105 148 177	#6994B1
33.3%	33.3% #749CB5	RGB 116 156 181	#749CB5
50.0%	50.0% #7FA4BA	RGB 127 164 186	#7FA4BA
66.7%	66.7% #8AABBE	RGB 138 171 190	#8AABBE
83.3%	83.3% #95B3C2	RGB 149 179 194	#95B3C2
100.0%	100.0% #A0BBC7	RGB 160 187 199	#A0BBC7

#5E8DAD #6994B1 #749CB5 #7FA4BA #8AABBE #95B3C2 #A0BBC7

#5E8DAD - #A0BBC7

Mezcla HSV

#5E8DAD - #A0BBC7 | 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 #5E8DAD como 0% y #A0BBC7 como 100%.

0.0%	0.0% #5E8DAD	RGB 94 141 173	#5E8DAD
16.7%	16.7% #6894B1	RGB 104 148 177	#6894B1
33.3%	33.3% #729CB5	RGB 114 156 181	#729CB5
50.0%	50.0% #7DA4BA	RGB 125 164 186	#7DA4BA
66.7%	66.7% #88ACBE	RGB 136 172 190	#88ACBE
83.3%	83.3% #94B3C2	RGB 148 179 194	#94B3C2
100.0%	100.0% #A0BBC7	RGB 160 187 199	#A0BBC7

#5E8DAD #6894B1 #729CB5 #7DA4BA #88ACBE #94B3C2 #A0BBC7

#5E8DAD - #7DA4BA - #A0BBC7

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E8DAD 0%, #7DA4BA 50%, #A0BBC7 100%);
    background: -webkit-linear-gradient(top, #5E8DAD 0%, #7DA4BA 50%, #A0BBC7 100%);
    background: linear-gradient(to bottom, #5E8DAD 0%, #7DA4BA 50%, #A0BBC7 100%);
}
</style>