#ACB8D9 - #E7EAF4 | 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 #ACB8D9 a #E7EAF4

#ACB8D9 #E7EAF4

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

#ACB8D9 - #E7EAF4 | 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 #ACB8D9 como 0% y #E7EAF4 como 100%.

0.0%	0.0% #ACB8D9	RGB 172 184 217	#ACB8D9
16.7%	16.7% #B5C0DD	RGB 181 192 221	#B5C0DD
33.3%	33.3% #BFC8E2	RGB 191 200 226	#BFC8E2
50.0%	50.0% #C9D1E6	RGB 201 209 230	#C9D1E6
66.7%	66.7% #D3D9EB	RGB 211 217 235	#D3D9EB
83.3%	83.3% #DDE1EF	RGB 221 225 239	#DDE1EF
100.0%	100.0% #E7EAF4	RGB 231 234 244	#E7EAF4

#ACB8D9 #B5C0DD #BFC8E2 #C9D1E6 #D3D9EB #DDE1EF #E7EAF4

#ACB8D9 - #E7EAF4

Mezcla HSV

#ACB8D9 - #E7EAF4 | 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 #ACB8D9 como 0% y #E7EAF4 como 100%.

0.0%	0.0% #ACB8D9	RGB 172 184 217	#ACB8D9
16.7%	16.7% #B5BFDD	RGB 181 191 221	#B5BFDD
33.3%	33.3% #BEC7E2	RGB 190 199 226	#BEC7E2
50.0%	50.0% #C8CFE6	RGB 200 207 230	#C8CFE6
66.7%	66.7% #D2D8EB	RGB 210 216 235	#D2D8EB
83.3%	83.3% #DCE1EF	RGB 220 225 239	#DCE1EF
100.0%	100.0% #E7EAF4	RGB 231 234 244	#E7EAF4

#ACB8D9 #B5BFDD #BEC7E2 #C8CFE6 #D2D8EB #DCE1EF #E7EAF4

#ACB8D9 - #C8CFE6 - #E7EAF4

Códigos CSS

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

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