#FFFDFB - #EBD2B8 | 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 #FFFDFB a #EBD2B8

#FFFDFB #EBD2B8

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

#FFFDFB - #EBD2B8 | 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 #FFFDFB como 0% y #EBD2B8 como 100%.

0.0%	0.0% #FFFDFB	RGB 255 253 251	#FFFDFB
16.7%	16.7% #FBF5EF	RGB 251 245 239	#FBF5EF
33.3%	33.3% #F8EEE4	RGB 248 238 228	#F8EEE4
50.0%	50.0% #F5E7D9	RGB 245 231 217	#F5E7D9
66.7%	66.7% #F1E0CE	RGB 241 224 206	#F1E0CE
83.3%	83.3% #EED9C3	RGB 238 217 195	#EED9C3
100.0%	100.0% #EBD2B8	RGB 235 210 184	#EBD2B8

#FFFDFB #FBF5EF #F8EEE4 #F5E7D9 #F1E0CE #EED9C3 #EBD2B8

#FFFDFB - #EBD2B8

Mezcla HSV

#FFFDFB - #EBD2B8 | 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 #FFFDFB como 0% y #EBD2B8 como 100%.

0.0%	0.0% #FFFDFB	RGB 255 253 251	#FFFDFB
16.7%	16.7% #FBF5EF	RGB 251 245 239	#FBF5EF
33.3%	33.3% #F8EEE3	RGB 248 238 227	#F8EEE3
50.0%	50.0% #F5E6D8	RGB 245 230 216	#F5E6D8
66.7%	66.7% #F1DFCD	RGB 241 223 205	#F1DFCD
83.3%	83.3% #EED8C2	RGB 238 216 194	#EED8C2
100.0%	100.0% #EBD2B8	RGB 235 210 184	#EBD2B8

#FFFDFB #FBF5EF #F8EEE3 #F5E6D8 #F1DFCD #EED8C2 #EBD2B8

#FFFDFB - #F5E6D8 - #EBD2B8

Códigos CSS

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

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