#F2F0F0 - #E3B5AA | 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 #F2F0F0 a #E3B5AA

#F2F0F0 #E3B5AA

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

#F2F0F0 - #E3B5AA | 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 #F2F0F0 como 0% y #E3B5AA como 100%.

0.0%	0.0% #F2F0F0	RGB 242 240 240	#F2F0F0
16.7%	16.7% #EFE6E4	RGB 239 230 228	#EFE6E4
33.3%	33.3% #EDDCD8	RGB 237 220 216	#EDDCD8
50.0%	50.0% #EAD2CD	RGB 234 210 205	#EAD2CD
66.7%	66.7% #E8C8C1	RGB 232 200 193	#E8C8C1
83.3%	83.3% #E5BEB5	RGB 229 190 181	#E5BEB5
100.0%	100.0% #E3B5AA	RGB 227 181 170	#E3B5AA

#F2F0F0 #EFE6E4 #EDDCD8 #EAD2CD #E8C8C1 #E5BEB5 #E3B5AA

#F2F0F0 - #E3B5AA

Mezcla HSV

#F2F0F0 - #E3B5AA | 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 #F2F0F0 como 0% y #E3B5AA como 100%.

0.0%	0.0% #F2F0F0	RGB 242 240 240	#F2F0F0
16.7%	16.7% #EFE4E3	RGB 239 228 227	#EFE4E3
33.3%	33.3% #EDD9D7	RGB 237 217 215	#EDD9D7
50.0%	50.0% #EACFCC	RGB 234 207 204	#EACFCC
66.7%	66.7% #E8C5C0	RGB 232 197 192	#E8C5C0
83.3%	83.3% #E5BCB5	RGB 229 188 181	#E5BCB5
100.0%	100.0% #E3B5AA	RGB 227 181 170	#E3B5AA

#F2F0F0 #EFE4E3 #EDD9D7 #EACFCC #E8C5C0 #E5BCB5 #E3B5AA

#F2F0F0 - #EACFCC - #E3B5AA

Códigos CSS

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

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