#AAACCE - #4A5E8C | 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 #AAACCE a #4A5E8C

#AAACCE #4A5E8C

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

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

0.0%	0.0% #AAACCE	RGB 170 172 206	#AAACCE
16.7%	16.7% #9A9FC3	RGB 154 159 195	#9A9FC3
33.3%	33.3% #8A92B8	RGB 138 146 184	#8A92B8
50.0%	50.0% #7A85AD	RGB 122 133 173	#7A85AD
66.7%	66.7% #6A78A2	RGB 106 120 162	#6A78A2
83.3%	83.3% #5A6B97	RGB 90 107 151	#5A6B97
100.0%	100.0% #4A5E8C	RGB 74 94 140	#4A5E8C

#AAACCE #9A9FC3 #8A92B8 #7A85AD #6A78A2 #5A6B97 #4A5E8C

#AAACCE - #4A5E8C

Mezcla HSV

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

0.0%	0.0% #AAACCE	RGB 170 172 206	#AAACCE
16.7%	16.7% #979BC3	RGB 151 155 195	#979BC3
33.3%	33.3% #858CB8	RGB 133 140 184	#858CB8
50.0%	50.0% #757FAD	RGB 117 127 173	#757FAD
66.7%	66.7% #6572A2	RGB 101 114 162	#6572A2
83.3%	83.3% #576797	RGB 87 103 151	#576797
100.0%	100.0% #4A5E8C	RGB 74 94 140	#4A5E8C

#AAACCE #979BC3 #858CB8 #757FAD #6572A2 #576797 #4A5E8C

#AAACCE - #757FAD - #4A5E8C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AAACCE 0%, #757FAD 50%, #4A5E8C 100%);
    background: -webkit-linear-gradient(top, #AAACCE 0%, #757FAD 50%, #4A5E8C 100%);
    background: linear-gradient(to bottom, #AAACCE 0%, #757FAD 50%, #4A5E8C 100%);
}
</style>