#A09BA1 - #C5B5E7 | 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 #A09BA1 a #C5B5E7

#A09BA1 #C5B5E7

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

#A09BA1 - #C5B5E7 | 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 #A09BA1 como 0% y #C5B5E7 como 100%.

0.0%	0.0% #A09BA1	RGB 160 155 161	#A09BA1
16.7%	16.7% #A69FAC	RGB 166 159 172	#A69FAC
33.3%	33.3% #ACA3B8	RGB 172 163 184	#ACA3B8
50.0%	50.0% #B2A8C4	RGB 178 168 196	#B2A8C4
66.7%	66.7% #B8ACCF	RGB 184 172 207	#B8ACCF
83.3%	83.3% #BEB0DB	RGB 190 176 219	#BEB0DB
100.0%	100.0% #C5B5E7	RGB 197 181 231	#C5B5E7

#A09BA1 #A69FAC #ACA3B8 #B2A8C4 #B8ACCF #BEB0DB #C5B5E7

#A09BA1 - #C5B5E7

Mezcla HSV

#A09BA1 - #C5B5E7 | 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 #A09BA1 como 0% y #C5B5E7 como 100%.

0.0%	0.0% #A09BA1	RGB 160 155 161	#A09BA1
16.7%	16.7% #A9A1AC	RGB 169 161 172	#A9A1AC
33.3%	33.3% #B2A6B8	RGB 178 166 184	#B2A6B8
50.0%	50.0% #B9ABC4	RGB 185 171 196	#B9ABC4
66.7%	66.7% #BFAFCF	RGB 191 175 207	#BFAFCF
83.3%	83.3% #C3B2DB	RGB 195 178 219	#C3B2DB
100.0%	100.0% #C5B5E7	RGB 197 181 231	#C5B5E7

#A09BA1 #A9A1AC #B2A6B8 #B9ABC4 #BFAFCF #C3B2DB #C5B5E7

#A09BA1 - #B9ABC4 - #C5B5E7

Códigos CSS

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

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