#F9BDBD - #FDECEC | 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 #F9BDBD a #FDECEC

#F9BDBD #FDECEC

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

#F9BDBD - #FDECEC | 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 #F9BDBD como 0% y #FDECEC como 100%.

0.0%	0.0% #F9BDBD	RGB 249 189 189	#F9BDBD
16.7%	16.7% #F9C4C4	RGB 249 196 196	#F9C4C4
33.3%	33.3% #FACCCC	RGB 250 204 204	#FACCCC
50.0%	50.0% #FBD4D4	RGB 251 212 212	#FBD4D4
66.7%	66.7% #FBDCDC	RGB 251 220 220	#FBDCDC
83.3%	83.3% #FCE4E4	RGB 252 228 228	#FCE4E4
100.0%	100.0% #FDECEC	RGB 253 236 236	#FDECEC

#F9BDBD #F9C4C4 #FACCCC #FBD4D4 #FBDCDC #FCE4E4 #FDECEC

#F9BDBD - #FDECEC

Mezcla HSV

#F9BDBD - #FDECEC | 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 #F9BDBD como 0% y #FDECEC como 100%.

0.0%	0.0% #F9BDBD	RGB 249 189 189	#F9BDBD
16.7%	16.7% #F9C4C4	RGB 249 196 196	#F9C4C4
33.3%	33.3% #FACCCC	RGB 250 204 204	#FACCCC
50.0%	50.0% #FBD4D4	RGB 251 212 212	#FBD4D4
66.7%	66.7% #FBDCDC	RGB 251 220 220	#FBDCDC
83.3%	83.3% #FCE4E4	RGB 252 228 228	#FCE4E4
100.0%	100.0% #FDECEC	RGB 253 236 236	#FDECEC

#F9BDBD #F9C4C4 #FACCCC #FBD4D4 #FBDCDC #FCE4E4 #FDECEC

#F9BDBD - #FBD4D4 - #FDECEC

Códigos CSS

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

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