#FFBDBD - #F56867 | 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 #F56867

#FFBDBD #F56867

Calcule el color entre dos colores, #FFBDBD y #F56867. 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 - #F56867 | 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 #F56867 como 100%.

0.0%	0.0% #FFBDBD	RGB 255 189 189	#FFBDBD
16.7%	16.7% #FDAEAE	RGB 253 174 174	#FDAEAE
33.3%	33.3% #FBA0A0	RGB 251 160 160	#FBA0A0
50.0%	50.0% #FA9292	RGB 250 146 146	#FA9292
66.7%	66.7% #F88483	RGB 248 132 131	#F88483
83.3%	83.3% #F67675	RGB 246 118 117	#F67675
100.0%	100.0% #F56867	RGB 245 104 103	#F56867

#FFBDBD #FDAEAE #FBA0A0 #FA9292 #F88483 #F67675 #F56867

#FFBDBD - #F56867

Mezcla HSV

#FFBDBD - #F56867 | 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 #F56867 como 100%.

0.0%	0.0% #FFBDBD	RGB 255 189 189	#FFBDBD
16.7%	16.7% #FDAEAE	RGB 253 174 174	#FDAEAE
33.3%	33.3% #FB9F9F	RGB 251 159 159	#FB9F9F
50.0%	50.0% #FA9191	RGB 250 145 145	#FA9191
66.7%	66.7% #F88382	RGB 248 131 130	#F88382
83.3%	83.3% #F67574	RGB 246 117 116	#F67574
100.0%	100.0% #F56867	RGB 245 104 103	#F56867

#FFBDBD #FDAEAE #FB9F9F #FA9191 #F88382 #F67574 #F56867

#FFBDBD - #FA9191 - #F56867

Códigos CSS

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

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