#A79FA7 - #ACB5E3 | 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 #A79FA7 a #ACB5E3

#A79FA7 #ACB5E3

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

#A79FA7 - #ACB5E3 | 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 #A79FA7 como 0% y #ACB5E3 como 100%.

0.0%	0.0% #A79FA7	RGB 167 159 167	#A79FA7
16.7%	16.7% #A7A2B1	RGB 167 162 177	#A7A2B1
33.3%	33.3% #A8A6BB	RGB 168 166 187	#A8A6BB
50.0%	50.0% #A9AAC5	RGB 169 170 197	#A9AAC5
66.7%	66.7% #AAADCF	RGB 170 173 207	#AAADCF
83.3%	83.3% #ABB1D9	RGB 171 177 217	#ABB1D9
100.0%	100.0% #ACB5E3	RGB 172 181 227	#ACB5E3

#A79FA7 #A7A2B1 #A8A6BB #A9AAC5 #AAADCF #ABB1D9 #ACB5E3

#A79FA7 - #ACB5E3

Mezcla HSV

#A79FA7 - #ACB5E3 | 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 #A79FA7 como 0% y #ACB5E3 como 100%.

0.0%	0.0% #A79FA7	RGB 167 159 167	#A79FA7
16.7%	16.7% #AEA2B1	RGB 174 162 177	#AEA2B1
33.3%	33.3% #B2A5BB	RGB 178 165 187	#B2A5BB
50.0%	50.0% #B4A8C5	RGB 180 168 197	#B4A8C5
66.7%	66.7% #B2AACF	RGB 178 170 207	#B2AACF
83.3%	83.3% #ACABD9	RGB 172 171 217	#ACABD9
100.0%	100.0% #ACB5E3	RGB 172 181 227	#ACB5E3

#A79FA7 #AEA2B1 #B2A5BB #B4A8C5 #B2AACF #ACABD9 #ACB5E3

#A79FA7 - #B4A8C5 - #ACB5E3

Códigos CSS

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

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