#FFF8F8 - #FEDEEE | 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 #FFF8F8 a #FEDEEE

#FFF8F8 #FEDEEE

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

#FFF8F8 - #FEDEEE | 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 #FFF8F8 como 0% y #FEDEEE como 100%.

0.0%	0.0% #FFF8F8	RGB 255 248 248	#FFF8F8
16.7%	16.7% #FEF3F6	RGB 254 243 246	#FEF3F6
33.3%	33.3% #FEEFF4	RGB 254 239 244	#FEEFF4
50.0%	50.0% #FEEBF3	RGB 254 235 243	#FEEBF3
66.7%	66.7% #FEE6F1	RGB 254 230 241	#FEE6F1
83.3%	83.3% #FEE2EF	RGB 254 226 239	#FEE2EF
100.0%	100.0% #FEDEEE	RGB 254 222 238	#FEDEEE

#FFF8F8 #FEF3F6 #FEEFF4 #FEEBF3 #FEE6F1 #FEE2EF #FEDEEE

#FFF8F8 - #FEDEEE

Mezcla HSV

#FFF8F8 - #FEDEEE | 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 #FFF8F8 como 0% y #FEDEEE como 100%.

0.0%	0.0% #FFF8F8	RGB 255 248 248	#FFF8F8
16.7%	16.7% #FEF3F4	RGB 254 243 244	#FEF3F4
33.3%	33.3% #FEEFF1	RGB 254 239 241	#FEEFF1
50.0%	50.0% #FEEAEF	RGB 254 234 239	#FEEAEF
66.7%	66.7% #FEE6EE	RGB 254 230 238	#FEE6EE
83.3%	83.3% #FEE2ED	RGB 254 226 237	#FEE2ED
100.0%	100.0% #FEDEEE	RGB 254 222 238	#FEDEEE

#FFF8F8 #FEF3F4 #FEEFF1 #FEEAEF #FEE6EE #FEE2ED #FEDEEE

#FFF8F8 - #FEEAEF - #FEDEEE

Códigos CSS

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

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