#F5E9F9 - #AD9FC2 | 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 #F5E9F9 a #AD9FC2

#F5E9F9 #AD9FC2

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

#F5E9F9 - #AD9FC2 | 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 #F5E9F9 como 0% y #AD9FC2 como 100%.

0.0%	0.0% #F5E9F9	RGB 245 233 249	#F5E9F9
16.7%	16.7% #E9DCEF	RGB 233 220 239	#E9DCEF
33.3%	33.3% #DDD0E6	RGB 221 208 230	#DDD0E6
50.0%	50.0% #D1C4DD	RGB 209 196 221	#D1C4DD
66.7%	66.7% #C5B7D4	RGB 197 183 212	#C5B7D4
83.3%	83.3% #B9ABCB	RGB 185 171 203	#B9ABCB
100.0%	100.0% #AD9FC2	RGB 173 159 194	#AD9FC2

#F5E9F9 #E9DCEF #DDD0E6 #D1C4DD #C5B7D4 #B9ABCB #AD9FC2

#F5E9F9 - #AD9FC2

Mezcla HSV

#F5E9F9 - #AD9FC2 | 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 #F5E9F9 como 0% y #AD9FC2 como 100%.

0.0%	0.0% #F5E9F9	RGB 245 233 249	#F5E9F9
16.7%	16.7% #E9DBEF	RGB 233 219 239	#E9DBEF
33.3%	33.3% #DDCEE6	RGB 221 206 230	#DDCEE6
50.0%	50.0% #D1C2DD	RGB 209 194 221	#D1C2DD
66.7%	66.7% #C5B6D4	RGB 197 182 212	#C5B6D4
83.3%	83.3% #B9AACB	RGB 185 170 203	#B9AACB
100.0%	100.0% #AD9FC2	RGB 173 159 194	#AD9FC2

#F5E9F9 #E9DBEF #DDCEE6 #D1C2DD #C5B6D4 #B9AACB #AD9FC2

#F5E9F9 - #D1C2DD - #AD9FC2

Códigos CSS

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

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