#ABAEB0 - #E6D8C2 | 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 #ABAEB0 a #E6D8C2

#ABAEB0 #E6D8C2

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

#ABAEB0 - #E6D8C2 | 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 #ABAEB0 como 0% y #E6D8C2 como 100%.

0.0%	0.0% #ABAEB0	RGB 171 174 176	#ABAEB0
16.7%	16.7% #B4B5B3	RGB 180 181 179	#B4B5B3
33.3%	33.3% #BEBCB6	RGB 190 188 182	#BEBCB6
50.0%	50.0% #C8C3B9	RGB 200 195 185	#C8C3B9
66.7%	66.7% #D2CABC	RGB 210 202 188	#D2CABC
83.3%	83.3% #DCD1BF	RGB 220 209 191	#DCD1BF
100.0%	100.0% #E6D8C2	RGB 230 216 194	#E6D8C2

#ABAEB0 #B4B5B3 #BEBCB6 #C8C3B9 #D2CABC #DCD1BF #E6D8C2

#ABAEB0 - #E6D8C2

Mezcla HSV

#ABAEB0 - #E6D8C2 | 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 #ABAEB0 como 0% y #E6D8C2 como 100%.

0.0%	0.0% #ABAEB0	RGB 171 174 176	#ABAEB0
16.7%	16.7% #AFB9B8	RGB 175 185 184	#AFB9B8
33.3%	33.3% #B4C2BA	RGB 180 194 186	#B4C2BA
50.0%	50.0% #B8CBB8	RGB 184 203 184	#B8CBB8
66.7%	66.7% #C6D4BB	RGB 198 212 187	#C6D4BB
83.3%	83.3% #DADDBF	RGB 218 221 191	#DADDBF
100.0%	100.0% #E6D8C2	RGB 230 216 194	#E6D8C2

#ABAEB0 #AFB9B8 #B4C2BA #B8CBB8 #C6D4BB #DADDBF #E6D8C2

#ABAEB0 - #B8CBB8 - #E6D8C2

Códigos CSS

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

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