#AAABB0 - #B5E4D4 | 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 #AAABB0 a #B5E4D4

#AAABB0 #B5E4D4

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

#AAABB0 - #B5E4D4 | 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 #AAABB0 como 0% y #B5E4D4 como 100%.

0.0%	0.0% #AAABB0	RGB 170 171 176	#AAABB0
16.7%	16.7% #ABB4B6	RGB 171 180 182	#ABB4B6
33.3%	33.3% #ADBEBC	RGB 173 190 188	#ADBEBC
50.0%	50.0% #AFC7C2	RGB 175 199 194	#AFC7C2
66.7%	66.7% #B1D1C8	RGB 177 209 200	#B1D1C8
83.3%	83.3% #B3DACE	RGB 179 218 206	#B3DACE
100.0%	100.0% #B5E4D4	RGB 181 228 212	#B5E4D4

#AAABB0 #ABB4B6 #ADBEBC #AFC7C2 #B1D1C8 #B3DACE #B5E4D4

#AAABB0 - #B5E4D4

Mezcla HSV

#AAABB0 - #B5E4D4 | 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 #AAABB0 como 0% y #B5E4D4 como 100%.

0.0%	0.0% #AAABB0	RGB 170 171 176	#AAABB0
16.7%	16.7% #ADB1B8	RGB 173 177 184	#ADB1B8
33.3%	33.3% #AFB9C1	RGB 175 185 193	#AFB9C1
50.0%	50.0% #B1C4CA	RGB 177 196 202	#B1C4CA
66.7%	66.7% #B3D1D2	RGB 179 209 210	#B3D1D2
83.3%	83.3% #B4DBD5	RGB 180 219 213	#B4DBD5
100.0%	100.0% #B5E4D4	RGB 181 228 212	#B5E4D4

#AAABB0 #ADB1B8 #AFB9C1 #B1C4CA #B3D1D2 #B4DBD5 #B5E4D4

#AAABB0 - #B1C4CA - #B5E4D4

Códigos CSS

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

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