#FBFBE5 - #FDFDF7 | 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 #FBFBE5 a #FDFDF7

#FBFBE5 #FDFDF7

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

#FBFBE5 - #FDFDF7 | 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 #FBFBE5 como 0% y #FDFDF7 como 100%.

0.0%	0.0% #FBFBE5	RGB 251 251 229	#FBFBE5
16.7%	16.7% #FBFBE8	RGB 251 251 232	#FBFBE8
33.3%	33.3% #FBFBEB	RGB 251 251 235	#FBFBEB
50.0%	50.0% #FCFCEE	RGB 252 252 238	#FCFCEE
66.7%	66.7% #FCFCF1	RGB 252 252 241	#FCFCF1
83.3%	83.3% #FCFCF4	RGB 252 252 244	#FCFCF4
100.0%	100.0% #FDFDF7	RGB 253 253 247	#FDFDF7

#FBFBE5 #FBFBE8 #FBFBEB #FCFCEE #FCFCF1 #FCFCF4 #FDFDF7

#FBFBE5 - #FDFDF7

Mezcla HSV

#FBFBE5 - #FDFDF7 | 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 #FBFBE5 como 0% y #FDFDF7 como 100%.

0.0%	0.0% #FBFBE5	RGB 251 251 229	#FBFBE5
16.7%	16.7% #FBFBE7	RGB 251 251 231	#FBFBE7
33.3%	33.3% #FBFBEA	RGB 251 251 234	#FBFBEA
50.0%	50.0% #FCFCED	RGB 252 252 237	#FCFCED
66.7%	66.7% #FCFCF0	RGB 252 252 240	#FCFCF0
83.3%	83.3% #FCFCF3	RGB 252 252 243	#FCFCF3
100.0%	100.0% #FDFDF7	RGB 253 253 247	#FDFDF7

#FBFBE5 #FBFBE7 #FBFBEA #FCFCED #FCFCF0 #FCFCF3 #FDFDF7

#FBFBE5 - #FCFCED - #FDFDF7

Códigos CSS

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

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