#A5A7BC - #E5E5EB | 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 #A5A7BC a #E5E5EB

#A5A7BC #E5E5EB

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

#A5A7BC - #E5E5EB | 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 #A5A7BC como 0% y #E5E5EB como 100%.

0.0%	0.0% #A5A7BC	RGB 165 167 188	#A5A7BC
16.7%	16.7% #AFB1C3	RGB 175 177 195	#AFB1C3
33.3%	33.3% #BABBCB	RGB 186 187 203	#BABBCB
50.0%	50.0% #C5C6D3	RGB 197 198 211	#C5C6D3
66.7%	66.7% #CFD0DB	RGB 207 208 219	#CFD0DB
83.3%	83.3% #DADAE3	RGB 218 218 227	#DADAE3
100.0%	100.0% #E5E5EB	RGB 229 229 235	#E5E5EB

#A5A7BC #AFB1C3 #BABBCB #C5C6D3 #CFD0DB #DADAE3 #E5E5EB

#A5A7BC - #E5E5EB

Mezcla HSV

#A5A7BC - #E5E5EB | 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 #A5A7BC como 0% y #E5E5EB como 100%.

0.0%	0.0% #A5A7BC	RGB 165 167 188	#A5A7BC
16.7%	16.7% #AFB0C3	RGB 175 176 195	#AFB0C3
33.3%	33.3% #B9BACB	RGB 185 186 203	#B9BACB
50.0%	50.0% #C3C4D3	RGB 195 196 211	#C3C4D3
66.7%	66.7% #CECFDB	RGB 206 207 219	#CECFDB
83.3%	83.3% #D9D9E3	RGB 217 217 227	#D9D9E3
100.0%	100.0% #E5E5EB	RGB 229 229 235	#E5E5EB

#A5A7BC #AFB0C3 #B9BACB #C3C4D3 #CECFDB #D9D9E3 #E5E5EB

#A5A7BC - #C3C4D3 - #E5E5EB

Códigos CSS

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

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