#A99CAD - #E5E2E7 | 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 #A99CAD a #E5E2E7

#A99CAD #E5E2E7

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

#A99CAD - #E5E2E7 | 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 #A99CAD como 0% y #E5E2E7 como 100%.

0.0%	0.0% #A99CAD	RGB 169 156 173	#A99CAD
16.7%	16.7% #B3A7B6	RGB 179 167 182	#B3A7B6
33.3%	33.3% #BDB3C0	RGB 189 179 192	#BDB3C0
50.0%	50.0% #C7BFCA	RGB 199 191 202	#C7BFCA
66.7%	66.7% #D1CAD3	RGB 209 202 211	#D1CAD3
83.3%	83.3% #DBD6DD	RGB 219 214 221	#DBD6DD
100.0%	100.0% #E5E2E7	RGB 229 226 231	#E5E2E7

#A99CAD #B3A7B6 #BDB3C0 #C7BFCA #D1CAD3 #DBD6DD #E5E2E7

#A99CAD - #E5E2E7

Mezcla HSV

#A99CAD - #E5E2E7 | 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 #A99CAD como 0% y #E5E2E7 como 100%.

0.0%	0.0% #A99CAD	RGB 169 156 173	#A99CAD
16.7%	16.7% #B2A7B6	RGB 178 167 182	#B2A7B6
33.3%	33.3% #BCB2C0	RGB 188 178 192	#BCB2C0
50.0%	50.0% #C6BDCA	RGB 198 189 202	#C6BDCA
66.7%	66.7% #D0C9D3	RGB 208 201 211	#D0C9D3
83.3%	83.3% #DAD5DD	RGB 218 213 221	#DAD5DD
100.0%	100.0% #E5E2E7	RGB 229 226 231	#E5E2E7

#A99CAD #B2A7B6 #BCB2C0 #C6BDCA #D0C9D3 #DAD5DD #E5E2E7

#A99CAD - #C6BDCA - #E5E2E7

Códigos CSS

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

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