#3C7596 - #AEBFBB | 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 #3C7596 a #AEBFBB

#3C7596 #AEBFBB

Calcule el color entre dos colores, #3C7596 y #AEBFBB. 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)

#3C7596 - #AEBFBB | 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 #3C7596 como 0% y #AEBFBB como 100%.

0.0%	0.0% #3C7596	RGB 60 117 150	#3C7596
16.7%	16.7% #4F819C	RGB 79 129 156	#4F819C
33.3%	33.3% #628DA2	RGB 98 141 162	#628DA2
50.0%	50.0% #759AA8	RGB 117 154 168	#759AA8
66.7%	66.7% #88A6AE	RGB 136 166 174	#88A6AE
83.3%	83.3% #9BB2B4	RGB 155 178 180	#9BB2B4
100.0%	100.0% #AEBFBB	RGB 174 191 187	#AEBFBB

#3C7596 #4F819C #628DA2 #759AA8 #88A6AE #9BB2B4 #AEBFBB

#3C7596 - #AEBFBB

Mezcla HSV

#3C7596 - #AEBFBB | 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 #3C7596 como 0% y #AEBFBB como 100%.

0.0%	0.0% #3C7596	RGB 60 117 150	#3C7596
16.7%	16.7% #4C879C	RGB 76 135 156	#4C879C
33.3%	33.3% #5D97A3	RGB 93 151 163	#5D97A3
50.0%	50.0% #6FA6AA	RGB 111 166 170	#6FA6AA
66.7%	66.7% #83B1AF	RGB 131 177 175	#83B1AF
83.3%	83.3% #98B8B3	RGB 152 184 179	#98B8B3
100.0%	100.0% #AEBFBB	RGB 174 191 187	#AEBFBB

#3C7596 #4C879C #5D97A3 #6FA6AA #83B1AF #98B8B3 #AEBFBB

#3C7596 - #6FA6AA - #AEBFBB

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C7596 0%, #6FA6AA 50%, #AEBFBB 100%);
    background: -webkit-linear-gradient(top, #3C7596 0%, #6FA6AA 50%, #AEBFBB 100%);
    background: linear-gradient(to bottom, #3C7596 0%, #6FA6AA 50%, #AEBFBB 100%);
}
</style>