#A291A1 - #E4DFE3 | 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 #A291A1 a #E4DFE3

#A291A1 #E4DFE3

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

#A291A1 - #E4DFE3 | 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 #A291A1 como 0% y #E4DFE3 como 100%.

0.0%	0.0% #A291A1	RGB 162 145 161	#A291A1
16.7%	16.7% #AD9EAC	RGB 173 158 172	#AD9EAC
33.3%	33.3% #B8ABB7	RGB 184 171 183	#B8ABB7
50.0%	50.0% #C3B8C2	RGB 195 184 194	#C3B8C2
66.7%	66.7% #CEC5CD	RGB 206 197 205	#CEC5CD
83.3%	83.3% #D9D2D8	RGB 217 210 216	#D9D2D8
100.0%	100.0% #E4DFE3	RGB 228 223 227	#E4DFE3

#A291A1 #AD9EAC #B8ABB7 #C3B8C2 #CEC5CD #D9D2D8 #E4DFE3

#A291A1 - #E4DFE3

Mezcla HSV

#A291A1 - #E4DFE3 | 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 #A291A1 como 0% y #E4DFE3 como 100%.

0.0%	0.0% #A291A1	RGB 162 145 161	#A291A1
16.7%	16.7% #AD9DAB	RGB 173 157 171	#AD9DAB
33.3%	33.3% #B8A9B6	RGB 184 169 182	#B8A9B6
50.0%	50.0% #C3B6C1	RGB 195 182 193	#C3B6C1
66.7%	66.7% #CEC3CC	RGB 206 195 204	#CEC3CC
83.3%	83.3% #D9D1D7	RGB 217 209 215	#D9D1D7
100.0%	100.0% #E4DFE3	RGB 228 223 227	#E4DFE3

#A291A1 #AD9DAB #B8A9B6 #C3B6C1 #CEC3CC #D9D1D7 #E4DFE3

#A291A1 - #C3B6C1 - #E4DFE3

Códigos CSS

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

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