#A79AC6 - #E5E2EE | 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 #A79AC6 a #E5E2EE

#A79AC6 #E5E2EE

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

#A79AC6 - #E5E2EE | 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 #A79AC6 como 0% y #E5E2EE como 100%.

0.0%	0.0% #A79AC6	RGB 167 154 198	#A79AC6
16.7%	16.7% #B1A6CC	RGB 177 166 204	#B1A6CC
33.3%	33.3% #BBB2D3	RGB 187 178 211	#BBB2D3
50.0%	50.0% #C6BEDA	RGB 198 190 218	#C6BEDA
66.7%	66.7% #D0CAE0	RGB 208 202 224	#D0CAE0
83.3%	83.3% #DAD6E7	RGB 218 214 231	#DAD6E7
100.0%	100.0% #E5E2EE	RGB 229 226 238	#E5E2EE

#A79AC6 #B1A6CC #BBB2D3 #C6BEDA #D0CAE0 #DAD6E7 #E5E2EE

#A79AC6 - #E5E2EE

Mezcla HSV

#A79AC6 - #E5E2EE | 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 #A79AC6 como 0% y #E5E2EE como 100%.

0.0%	0.0% #A79AC6	RGB 167 154 198	#A79AC6
16.7%	16.7% #B0A5CC	RGB 176 165 204	#B0A5CC
33.3%	33.3% #BAB0D3	RGB 186 176 211	#BAB0D3
50.0%	50.0% #C4BCDA	RGB 196 188 218	#C4BCDA
66.7%	66.7% #CEC8E0	RGB 206 200 224	#CEC8E0
83.3%	83.3% #D9D5E7	RGB 217 213 231	#D9D5E7
100.0%	100.0% #E5E2EE	RGB 229 226 238	#E5E2EE

#A79AC6 #B0A5CC #BAB0D3 #C4BCDA #CEC8E0 #D9D5E7 #E5E2EE

#A79AC6 - #C4BCDA - #E5E2EE

Códigos CSS

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

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