#AAB0C2 - #E5E2CE | 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 #AAB0C2 a #E5E2CE

#AAB0C2 #E5E2CE

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

#AAB0C2 - #E5E2CE | 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 #AAB0C2 como 0% y #E5E2CE como 100%.

0.0%	0.0% #AAB0C2	RGB 170 176 194	#AAB0C2
16.7%	16.7% #B3B8C4	RGB 179 184 196	#B3B8C4
33.3%	33.3% #BDC0C6	RGB 189 192 198	#BDC0C6
50.0%	50.0% #C7C9C8	RGB 199 201 200	#C7C9C8
66.7%	66.7% #D1D1CA	RGB 209 209 202	#D1D1CA
83.3%	83.3% #DBD9CC	RGB 219 217 204	#DBD9CC
100.0%	100.0% #E5E2CE	RGB 229 226 206	#E5E2CE

#AAB0C2 #B3B8C4 #BDC0C6 #C7C9C8 #D1D1CA #DBD9CC #E5E2CE

#AAB0C2 - #E5E2CE

Mezcla HSV

#AAB0C2 - #E5E2CE | 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 #AAB0C2 como 0% y #E5E2CE como 100%.

0.0%	0.0% #AAB0C2	RGB 170 176 194	#AAB0C2
16.7%	16.7% #AFC1C7	RGB 175 193 199	#AFC1C7
33.3%	33.3% #B5CDC8	RGB 181 205 200	#B5CDC8
50.0%	50.0% #BBD3C3	RGB 187 211 195	#BBD3C3
66.7%	66.7% #C5D9C1	RGB 197 217 193	#C5D9C1
83.3%	83.3% #D7DFC7	RGB 215 223 199	#D7DFC7
100.0%	100.0% #E5E2CE	RGB 229 226 206	#E5E2CE

#AAB0C2 #AFC1C7 #B5CDC8 #BBD3C3 #C5D9C1 #D7DFC7 #E5E2CE

#AAB0C2 - #BBD3C3 - #E5E2CE

Códigos CSS

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

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