#ACBDB1 - #E7ECE9 | 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 #ACBDB1 a #E7ECE9

#ACBDB1 #E7ECE9

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

#ACBDB1 - #E7ECE9 | 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 #ACBDB1 como 0% y #E7ECE9 como 100%.

0.0%	0.0% #ACBDB1	RGB 172 189 177	#ACBDB1
16.7%	16.7% #B5C4BA	RGB 181 196 186	#B5C4BA
33.3%	33.3% #BFCCC3	RGB 191 204 195	#BFCCC3
50.0%	50.0% #C9D4CD	RGB 201 212 205	#C9D4CD
66.7%	66.7% #D3DCD6	RGB 211 220 214	#D3DCD6
83.3%	83.3% #DDE4DF	RGB 221 228 223	#DDE4DF
100.0%	100.0% #E7ECE9	RGB 231 236 233	#E7ECE9

#ACBDB1 #B5C4BA #BFCCC3 #C9D4CD #D3DCD6 #DDE4DF #E7ECE9

#ACBDB1 - #E7ECE9

Mezcla HSV

#ACBDB1 - #E7ECE9 | 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 #ACBDB1 como 0% y #E7ECE9 como 100%.

0.0%	0.0% #ACBDB1	RGB 172 189 177	#ACBDB1
16.7%	16.7% #B5C4BA	RGB 181 196 186	#B5C4BA
33.3%	33.3% #BECCC3	RGB 190 204 195	#BECCC3
50.0%	50.0% #C8D4CC	RGB 200 212 204	#C8D4CC
66.7%	66.7% #D2DCD6	RGB 210 220 214	#D2DCD6
83.3%	83.3% #DCE4DF	RGB 220 228 223	#DCE4DF
100.0%	100.0% #E7ECE9	RGB 231 236 233	#E7ECE9

#ACBDB1 #B5C4BA #BECCC3 #C8D4CC #D2DCD6 #DCE4DF #E7ECE9

#ACBDB1 - #C8D4CC - #E7ECE9

Códigos CSS

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

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