#A79BCB - #E5E2F0 | 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 #A79BCB a #E5E2F0

#A79BCB #E5E2F0

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

#A79BCB - #E5E2F0 | 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 #A79BCB como 0% y #E5E2F0 como 100%.

0.0%	0.0% #A79BCB	RGB 167 155 203	#A79BCB
16.7%	16.7% #B1A6D1	RGB 177 166 209	#B1A6D1
33.3%	33.3% #BBB2D7	RGB 187 178 215	#BBB2D7
50.0%	50.0% #C6BEDD	RGB 198 190 221	#C6BEDD
66.7%	66.7% #D0CAE3	RGB 208 202 227	#D0CAE3
83.3%	83.3% #DAD6E9	RGB 218 214 233	#DAD6E9
100.0%	100.0% #E5E2F0	RGB 229 226 240	#E5E2F0

#A79BCB #B1A6D1 #BBB2D7 #C6BEDD #D0CAE3 #DAD6E9 #E5E2F0

#A79BCB - #E5E2F0

Mezcla HSV

#A79BCB - #E5E2F0 | 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 #A79BCB como 0% y #E5E2F0 como 100%.

0.0%	0.0% #A79BCB	RGB 167 155 203	#A79BCB
16.7%	16.7% #B0A5D1	RGB 176 165 209	#B0A5D1
33.3%	33.3% #BAB1D7	RGB 186 177 215	#BAB1D7
50.0%	50.0% #C4BCDD	RGB 196 188 221	#C4BCDD
66.7%	66.7% #CEC8E3	RGB 206 200 227	#CEC8E3
83.3%	83.3% #D9D5E9	RGB 217 213 233	#D9D5E9
100.0%	100.0% #E5E2F0	RGB 229 226 240	#E5E2F0

#A79BCB #B0A5D1 #BAB1D7 #C4BCDD #CEC8E3 #D9D5E9 #E5E2F0

#A79BCB - #C4BCDD - #E5E2F0

Códigos CSS

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

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