#A79CC1 - #E5E2ED | 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 #A79CC1 a #E5E2ED

#A79CC1 #E5E2ED

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

#A79CC1 - #E5E2ED | 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 #A79CC1 como 0% y #E5E2ED como 100%.

0.0%	0.0% #A79CC1	RGB 167 156 193	#A79CC1
16.7%	16.7% #B1A7C8	RGB 177 167 200	#B1A7C8
33.3%	33.3% #BBB3CF	RGB 187 179 207	#BBB3CF
50.0%	50.0% #C6BFD7	RGB 198 191 215	#C6BFD7
66.7%	66.7% #D0CADE	RGB 208 202 222	#D0CADE
83.3%	83.3% #DAD6E5	RGB 218 214 229	#DAD6E5
100.0%	100.0% #E5E2ED	RGB 229 226 237	#E5E2ED

#A79CC1 #B1A7C8 #BBB3CF #C6BFD7 #D0CADE #DAD6E5 #E5E2ED

#A79CC1 - #E5E2ED

Mezcla HSV

#A79CC1 - #E5E2ED | 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 #A79CC1 como 0% y #E5E2ED como 100%.

0.0%	0.0% #A79CC1	RGB 167 156 193	#A79CC1
16.7%	16.7% #B0A6C8	RGB 176 166 200	#B0A6C8
33.3%	33.3% #BAB1CF	RGB 186 177 207	#BAB1CF
50.0%	50.0% #C4BDD7	RGB 196 189 215	#C4BDD7
66.7%	66.7% #CFC9DE	RGB 207 201 222	#CFC9DE
83.3%	83.3% #D9D5E5	RGB 217 213 229	#D9D5E5
100.0%	100.0% #E5E2ED	RGB 229 226 237	#E5E2ED

#A79CC1 #B0A6C8 #BAB1CF #C4BDD7 #CFC9DE #D9D5E5 #E5E2ED

#A79CC1 - #C4BDD7 - #E5E2ED

Códigos CSS

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

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