#FFBDBD - #F3FCE5 | 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 #FFBDBD a #F3FCE5

#FFBDBD #F3FCE5

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

#FFBDBD - #F3FCE5 | 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 #FFBDBD como 0% y #F3FCE5 como 100%.

0.0%	0.0% #FFBDBD	RGB 255 189 189	#FFBDBD
16.7%	16.7% #FDC7C3	RGB 253 199 195	#FDC7C3
33.3%	33.3% #FBD2CA	RGB 251 210 202	#FBD2CA
50.0%	50.0% #F9DCD1	RGB 249 220 209	#F9DCD1
66.7%	66.7% #F7E7D7	RGB 247 231 215	#F7E7D7
83.3%	83.3% #F5F1DE	RGB 245 241 222	#F5F1DE
100.0%	100.0% #F3FCE5	RGB 243 252 229	#F3FCE5

#FFBDBD #FDC7C3 #FBD2CA #F9DCD1 #F7E7D7 #F5F1DE #F3FCE5

#FFBDBD - #F3FCE5

Mezcla HSV

#FFBDBD - #F3FCE5 | 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 #FFBDBD como 0% y #F3FCE5 como 100%.

0.0%	0.0% #FFBDBD	RGB 255 189 189	#FFBDBD
16.7%	16.7% #FED1C3	RGB 254 209 195	#FED1C3
33.3%	33.3% #FEE2CA	RGB 254 226 202	#FEE2CA
50.0%	50.0% #FDEFD1	RGB 253 239 209	#FDEFD1
66.7%	66.7% #FDFAD7	RGB 253 250 215	#FDFAD7
83.3%	83.3% #F7FCDE	RGB 247 252 222	#F7FCDE
100.0%	100.0% #F3FCE5	RGB 243 252 229	#F3FCE5

#FFBDBD #FED1C3 #FEE2CA #FDEFD1 #FDFAD7 #F7FCDE #F3FCE5

#FFBDBD - #FDEFD1 - #F3FCE5

Códigos CSS

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

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