#AAAAB0 - #B5E4DF | 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 #AAAAB0 a #B5E4DF

#AAAAB0 #B5E4DF

Calcule el color entre dos colores, #AAAAB0 y #B5E4DF. 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)

#AAAAB0 - #B5E4DF | 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 #AAAAB0 como 0% y #B5E4DF como 100%.

0.0%	0.0% #AAAAB0	RGB 170 170 176	#AAAAB0
16.7%	16.7% #ABB3B7	RGB 171 179 183	#ABB3B7
33.3%	33.3% #ADBDBF	RGB 173 189 191	#ADBDBF
50.0%	50.0% #AFC7C7	RGB 175 199 199	#AFC7C7
66.7%	66.7% #B1D0CF	RGB 177 208 207	#B1D0CF
83.3%	83.3% #B3DAD7	RGB 179 218 215	#B3DAD7
100.0%	100.0% #B5E4DF	RGB 181 228 223	#B5E4DF

#AAAAB0 #ABB3B7 #ADBDBF #AFC7C7 #B1D0CF #B3DAD7 #B5E4DF

#AAAAB0 - #B5E4DF

Mezcla HSV

#AAAAB0 - #B5E4DF | 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 #AAAAB0 como 0% y #B5E4DF como 100%.

0.0%	0.0% #AAAAB0	RGB 170 170 176	#AAAAB0
16.7%	16.7% #ADAFB8	RGB 173 175 184	#ADAFB8
33.3%	33.3% #AFB6C1	RGB 175 182 193	#AFB6C1
50.0%	50.0% #B1BFCA	RGB 177 191 202	#B1BFCA
66.7%	66.7% #B3CAD2	RGB 179 202 210	#B3CAD2
83.3%	83.3% #B4D8DB	RGB 180 216 219	#B4D8DB
100.0%	100.0% #B5E4DF	RGB 181 228 223	#B5E4DF

#AAAAB0 #ADAFB8 #AFB6C1 #B1BFCA #B3CAD2 #B4D8DB #B5E4DF

#AAAAB0 - #B1BFCA - #B5E4DF

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AAAAB0 0%, #B1BFCA 50%, #B5E4DF 100%);
    background: -webkit-linear-gradient(top, #AAAAB0 0%, #B1BFCA 50%, #B5E4DF 100%);
    background: linear-gradient(to bottom, #AAAAB0 0%, #B1BFCA 50%, #B5E4DF 100%);
}
</style>